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/navigation/MainNavigation.vue

@@ -143,8 +143,8 @@
         </template>
       </div>
 
-      <!-- Right: AI + Globe + Team + User (top aligned) -->
-      <div class="flex items-start gap-1 flex-shrink-0 pt-3">
+      <!-- Right: AI + Globe + Team + User (centered vertically) -->
+      <div class="flex items-center gap-1 flex-shrink-0">
         <!-- AI Assistant button -->
         <NuxtLink
           :to="localePath('/clientarea/ai')"
@@ -192,7 +192,7 @@
           <div class="dropdown dropdown-end">
             <button
               tabindex="0"
-              class="flex items-center gap-1 px-2 py-1 rounded-lg transition-colors"
+              class="h-8 flex items-center gap-1 px-2 rounded-lg transition-colors"
               :class="glassStyle ? 'text-white/70 hover:text-white hover:bg-white/10' : 'text-base-content/70 hover:text-base-content hover:bg-base-200'"
             >
               <Icon name="lucide:building-2" size="16" />