[list views] add work-break css for table layouts (#9537)

superset-frontend/src/components/ListView/ListViewStyles.less

@@ -60,6 +60,10 @@
   .action-button {
     margin: 0 8px;
   }
+
+  .table-cell {
+    word-break: break-all;
+  }
 }
 
 @keyframes shimmer {

superset-frontend/src/components/ListView/TableCollection.tsx

@@ -85,7 +85,11 @@ export default function TableCollection({
                 const columnCellProps = cell.column.cellProps || {};
 
                 return (
-                  <td {...cell.getCellProps()} {...columnCellProps}>
+                  <td
+                    className="table-cell"
+                    {...cell.getCellProps()}
+                    {...columnCellProps}
+                  >
                     <span>{cell.render('Cell')}</span>
                   </td>
                 );