Fix catalog pages UI issues

- Remove counter from /catalog/offers search bar
- Add server-clustering to /catalog/offers/[productId]
- Remove transition animations from Card.vue
- Use client-side clustering for suppliers (data from exchange, not geo)

app/components/ui/Card.vue

@@ -36,7 +36,7 @@ const cardClass = computed(() => {
   const paddingClass = paddingMap[props.padding] || paddingMap.medium
   const toneClass = toneMap[props.tone] || toneMap.default
   const interactiveClass = props.interactive ? 'cursor-pointer' : ''
-  const baseClass = 'card transition-all duration-200'
+  const baseClass = 'card'
   return [baseClass, paddingClass, toneClass, interactiveClass].filter(Boolean).join(' ')
 })
 </script>

app/pages/catalog/offers/[productId]/index.vue

@@ -4,6 +4,8 @@
     :loading="isLoading"
     :total-count="hubs.length"
     with-map
+    use-server-clustering
+    cluster-node-type="logistics"
     map-id="offers-product-hubs-map"
     point-color="#10b981"
     :hovered-id="hoveredHubId"

app/pages/catalog/offers/index.vue

@@ -11,11 +11,10 @@
     :hovered-id="hoveredProductId"
     @update:hovered-id="hoveredProductId = $event"
   >
-    <template #searchBar="{ displayedCount, totalCount }">
+    <template #searchBar>
       <CatalogSearchBar
         v-model:search-query="searchQuery"
-        :displayed-count="displayedCount"
+        :show-counter="false"
-        :total-count="totalCount"
       />
     </template>
 

app/pages/catalog/suppliers/index.vue

@@ -4,8 +4,6 @@
     :map-items="itemsWithCoords"
     :loading="isLoading"
     with-map
-    use-server-clustering
-    cluster-node-type="supplier"
     map-id="suppliers-map"
     point-color="#3b82f6"
     :selected-id="selectedSupplierId"