UI fixes: identical headers, panel styling, view toggle icons, sync map view

- Show mode toggle on all pages (not just catalog)
- Panel background base-300, top-20 spacing from navbar
- View toggle with colored icons in circles
- Sync mapViewMode when selecting (supplier chip -> suppliers view)

app/pages/catalog/index.vue

@@ -54,6 +54,7 @@ const {
   hubId,
   canSearch,
   mapViewMode,
+  setMapViewMode,
   entityColors,
   selectItem,
   cancelSelect,
@@ -73,11 +74,20 @@ const selectionLoading = computed(() => {
   return false
 })
 
-// Initialize data when selectMode changes
+// Initialize data and sync map view when selectMode changes
 watch(selectMode, async (mode) => {
-  if (mode === 'product') await initProducts()
-  if (mode === 'hub') await initHubs()
-  if (mode === 'supplier') await initSuppliers()
+  if (mode === 'product') {
+    await initProducts()
+    setMapViewMode('offers')
+  }
+  if (mode === 'hub') {
+    await initHubs()
+    setMapViewMode('hubs')
+  }
+  if (mode === 'supplier') {
+    await initSuppliers()
+    setMapViewMode('suppliers')
+  }
 }, { immediate: true })
 
 // Offers data for quote results