Add entity color scheme and improve map hover effect

- Add color scheme: product/offer=orange, supplier=blue, hub=green
- Remove 'location' filter (same as hub)
- Quantity filter appears only after product is selected
- Map hover shows 'target' ring effect (outer white ring)
- Tokens in header use entity-specific colors

app/components/navigation/MainNavigation.vue

@@ -27,7 +27,8 @@
               <div
                 v-for="token in activeTokens"
                 :key="token.type"
-                class="badge badge-lg badge-primary gap-1.5 cursor-pointer hover:badge-secondary transition-colors flex-shrink-0"
+                class="badge badge-lg gap-1.5 cursor-pointer hover:opacity-80 transition-all flex-shrink-0 text-white"
+                :style="{ backgroundColor: getTokenColor(token.type) }"
                 @click.stop="$emit('edit-token', token.type)"
               >
                 <Icon :name="token.icon" size="14" />
@@ -204,6 +205,7 @@
 
 <script setup lang="ts">
 import type { SelectMode } from '~/composables/useCatalogSearch'
+import { entityColors } from '~/composables/useCatalogSearch'
 
 const props = defineProps<{
   sessionChecked?: boolean
@@ -276,5 +278,9 @@ const selectModeIcon = computed(() => {
   if (props.selectMode === 'hub') return 'lucide:map-pin'
   return 'lucide:search'
 })
+
+const getTokenColor = (type: string) => {
+  return entityColors[type as keyof typeof entityColors] || entityColors.product
+}
 </script>