feat: add product catalogue and product-aware UI

- introduce product catalogue pages, management view entries and shared product composables\n- wire product selection into component/piece flows and machine skeleton requirements\n- display linked product metadata and documents across machine, component and piece views\n- generalize model type tooling to handle PRODUCT category

app/pages/component-catalog.vue

@@ -94,6 +94,7 @@
                 <th class="w-24">Aperçu</th>
                 <th>Nom</th>
                 <th>Référence</th>
+                <th>Type de composant</th>
                 <th>Actions</th>
               </tr>
             </thead>
@@ -107,6 +108,7 @@
                 </td>
                 <td>{{ component.name || 'Composant sans nom' }}</td>
                 <td>{{ component.reference || '—' }}</td>
+                <td>{{ resolveComponentType(component) }}</td>
                 <td>
                   <div class="flex items-center gap-2">
                     <NuxtLink
@@ -178,6 +180,17 @@ const resolvePreviewAlt = (component: Record<string, any>) => {
   return 'Aperçu du document'
 }
 
+const resolveComponentType = (component: Record<string, any>) => {
+  const type = component?.typeComposant
+  if (type?.name) {
+    return type.name
+  }
+  if (component?.typeComposantLabel) {
+    return component.typeComposantLabel
+  }
+  return '—'
+}
+
 const resolveDeleteGuard = (component: Record<string, any>) => {
   const blockingReasons: string[] = []
   const machineLinks = Array.isArray(component?.machineLinks)