fix missing text wrapping (#19442)

frontend/src/metabase/admin/datamodel/components/database/MetadataSchemaList.jsx

@@ -59,7 +59,7 @@ export default class MetadataSchemaList extends Component {
             <li key={schema}>
               <a
                 className={cx(
-                  "AdminList-item flex align-center no-decoration",
+                  "AdminList-item flex align-center no-decoration text-wrap",
                   {
                     selected: selectedSchema && selectedSchema === schema,
                   },

frontend/src/metabase/admin/datamodel/components/database/MetadataTableList.jsx

@@ -71,7 +71,7 @@ export default class MetadataTableList extends Component {
 
     if (queryableTables.length > 0) {
       queryableTablesHeader = (
-        <li className="AdminList-section">
+        <li className="AdminList-section flex justify-between align-center">
           {(n =>
             ngettext(msgid`${n} Queryable Table`, `${n} Queryable Tables`, n))(
             queryableTables.length,
@@ -117,7 +117,7 @@ export default class MetadataTableList extends Component {
           />
         </div>
         {(this.props.onBack || this.props.schema) && (
-          <h4 className="p2 border-bottom">
+          <h4 className="p2 border-bottom break-anywhere">
             {this.props.onBack && (
               <span
                 className="text-brand cursor-pointer"

frontend/src/metabase/css/core/text.css

@@ -218,3 +218,7 @@
 .text-measure {
   max-width: 620px;
 }
+
+.break-anywhere {
+  line-break: anywhere;
+}