fix(dashboard): product table colum widths (#9329)

**What**
- set product title and sales channels column widths to a reasonable value so the scroll is visible on mobile resolutions only

---

FIXES CC-527

packages/admin/dashboard/src/components/table/table-cells/product/product-cell/product-cell.tsx

@@ -9,11 +9,13 @@ type ProductCellProps = {
 
 export const ProductCell = ({ product }: ProductCellProps) => {
   return (
-    <div className="flex h-full w-full items-center gap-x-3 overflow-hidden">
+    <div className="flex h-full w-full items-center gap-x-3 overflow-hidden max-w-[250px]">
       <div className="w-fit flex-shrink-0">
         <Thumbnail src={product.thumbnail} />
       </div>
-      <span className="truncate">{product.title}</span>
+      <span title={product.title} className="truncate">
+        {product.title}
+      </span>
     </div>
   )
 }

packages/admin/dashboard/src/components/table/table-cells/product/sales-channels-cell/sales-channels-cell.tsx

@@ -45,10 +45,12 @@ export const SalesChannelsCell = ({
     )
   }
 
+  const channels = salesChannels.map((sc) => sc.name).join(", ")
+
   return (
-    <div className="flex h-full w-full items-center overflow-hidden">
+    <div className="flex h-full w-full items-center overflow-hidden max-w-[250px]">
-      <span className="truncate">
+      <span title={channels} className="truncate">
-        {salesChannels.map((sc) => sc.name).join(", ")}
+        {channels}
       </span>
     </div>
   )