feat(catalog): add search to all catalog pages

Add CatalogSearchBar component with filtering to:
- /catalog/offers - search by product name
- /catalog/offers/[productId] - search by hub name/country
- /catalog/hubs/[id] - search by product name
- /catalog/suppliers/[supplierId] - search by product name
- /catalog/suppliers/[supplierId]/[productId] - search by hub name/country

app/pages/catalog/hubs/[id]/index.vue

@@ -1,12 +1,21 @@
 <template>
   <CatalogPage
-    :items="products"
+    :items="filteredProducts"
     :map-items="mapItems"
     :loading="isLoading"
+    :total-count="products.length"
     with-map
     map-id="hub-products-map"
     point-color="#10b981"
   >
+    <template #searchBar="{ displayedCount, totalCount }">
+      <CatalogSearchBar
+        v-model:search-query="searchQuery"
+        :displayed-count="displayedCount"
+        :total-count="totalCount"
+      />
+    </template>
+
     <template #header>
       <!-- Not Found -->
       <Card v-if="!isLoading && !hub" padding="lg">
@@ -70,6 +79,17 @@ const products = ref<Array<{ uuid: string; name: string }>>([])
 
 const hubId = computed(() => route.params.id as string)
 
+// Search
+const searchQuery = ref('')
+
+const filteredProducts = computed(() => {
+  if (!searchQuery.value.trim()) return products.value
+  const q = searchQuery.value.toLowerCase()
+  return products.value.filter(item =>
+    item.name?.toLowerCase().includes(q)
+  )
+})
+
 // Map items - show the hub itself
 const mapItems = computed(() => {
   if (!hub.value?.latitude || !hub.value?.longitude) return []