Fix catalog UI: navbar alignment, selection panel, map search, infinite scroll

- Fix team selector alignment in navbar (use items-center, fixed height)
- Fix SelectionPanel header padding to account for parent p-4
- Add map search input (white glass, positioned next to panel)
- Add infinite scroll to SelectionPanel with IntersectionObserver
- Products load all at once (no server-side pagination yet)
- Hubs and Suppliers support pagination with loadMore

app/components/page/CatalogPage.vue

@@ -38,6 +38,29 @@
       <span class="text-white text-sm">{{ $t('common.loading') }}</span>
     </div>
 
+    <!-- Map search input (top LEFT, next to panel or at left edge) -->
+    <div
+      class="absolute top-[116px] z-20 hidden lg:block"
+      :class="showPanel ? 'left-[420px]' : 'left-4'"
+    >
+      <div class="flex items-center gap-2 bg-white/80 backdrop-blur-md rounded-full shadow-lg border border-white/40 px-4 py-2 w-64">
+        <Icon name="lucide:search" size="18" class="text-base-content/60 flex-shrink-0" />
+        <input
+          v-model="mapSearchQuery"
+          type="text"
+          :placeholder="$t('catalog.search.searchOnMap')"
+          class="flex-1 bg-transparent outline-none text-sm text-base-content placeholder:text-base-content/50"
+        />
+        <button
+          v-if="mapSearchQuery"
+          class="text-base-content/40 hover:text-base-content transition-colors"
+          @click="mapSearchQuery = ''"
+        >
+          <Icon name="lucide:x" size="16" />
+        </button>
+      </div>
+    </div>
+
     <!-- View toggle (top RIGHT overlay, below header) - works in both modes -->
     <div class="absolute top-[116px] right-4 z-20 hidden lg:block">
       <div class="flex gap-1 bg-black/30 backdrop-blur-md rounded-lg p-1 border border-white/10">
@@ -229,6 +252,9 @@ const mapRef = ref<{ flyTo: (lat: number, lng: number, zoom?: number) => void }
 // Selected item from map click
 const selectedMapItem = ref<MapItem | null>(null)
 
+// Map search query
+const mapSearchQuery = ref('')
+
 // Mobile panel state
 const mobilePanelExpanded = ref(false)