Route shop browse through categories and catalogs, and align product detail with the mockup.

Customers can add items without a company-first path, and the detail page matches the card, badge, share, and footer layout.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/catalogs/CatalogsHubView.vue

@@ -36,7 +36,8 @@ onMounted(async () => {
 
 function openCatalog(item: Catalog) {
   router.push({
-    path: `/companies/${item.companyId}/catalogs/${item.id}/products`,
+    path: '/products',
+    query: { catalogId: item.id, companyId: item.companyId },
   })
 }
 
@@ -61,9 +62,9 @@ function companyName(companyId: string) {
         <strong>مشاهده دسته‌بندی‌ها</strong>
         <span>انتخاب بر اساس کاربرد و فصل</span>
       </button>
-      <button type="button" class="hub-card" @click="router.push('/companies')">
-        <strong>کالیته‌های برندها</strong>
-        <span>مسیر انتخاب شرکت و کالیته</span>
+      <button type="button" class="hub-card" @click="router.push('/products')">
+        <strong>همه محصولات</strong>
+        <span>مشاهده کاتالوگ و ثبت سفارش</span>
       </button>
 
       <PageSkeleton v-if="loading" variant="grid" />