feat: auto-fill mockup dimensions and family from Google Sheets

- Extend Sheets read range from A1:Z to A1:AZ (52 columns)
- Parse longueur, largeur, marque, famille, sousFamille, prixRemise, specificFields
- Add /api/products/sheet-info endpoint to fetch product data by ref
- Auto-fill family and dimensions on product selection in all 3 mockup entry points
- Strengthen carrelage mockup prompt with strict tile-size consistency rules

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/mockup/MockupModal.tsx

@@ -57,16 +57,18 @@ export function MockupModal({ product, onClose }: Props) {
       fetch('/api/mockup/templates').then(r => r.json()),
       fetch('/api/sheets/tabs').then(r => r.json()),
       fetch(`/api/mockup/product-meta/${product.shopifyId}`).then(r => r.json()),
-    ]).then(([tplData, tabsData, metaData]) => {
+      product.ref ? fetch(`/api/products/sheet-info?ref=${encodeURIComponent(product.ref)}`).then(r => r.ok ? r.json() : null) : Promise.resolve(null),
+    ]).then(([tplData, tabsData, metaData, sheetData]) => {
       setTemplates(tplData as MockupTemplate[])
       const tabs: string[] = (tabsData.tabs ?? []).filter((t: string) =>
         !['COLLECTIONS', 'LIVRAISONS', 'ECOPART', 'RECAP'].some(x => t.toUpperCase().includes(x))
       )
       setFamilies(tabs)
-      setFamily(tabs[0] ?? '')
+      const sheetFamille = sheetData?.product?.famille
+      setFamily(sheetFamille && tabs.includes(sheetFamille) ? sheetFamille : tabs[0] ?? '')
       setMetafields(metaData.metafields ?? [])
     }).finally(() => setLoadingMeta(false))
-  }, [product.shopifyId])
+  }, [product.shopifyId, product.ref])
 
   const isCarrelage = family.toLowerCase().includes('carrelage')