Move filterByBounds checkbox into SelectionPanel

app/components/catalog/SelectionPanel.vue

@@ -12,8 +12,17 @@
         v-model="searchQuery"
         type="text"
         :placeholder="searchPlaceholder"
-        class="input input-sm w-full bg-white/10 border-white/20 text-white placeholder:text-white/50"
+        class="input input-sm w-full bg-white/10 border-white/20 text-white placeholder:text-white/50 mb-2"
       />
+      <label class="flex items-center gap-2 cursor-pointer text-white/70 text-sm hover:text-white transition-colors">
+        <input
+          type="checkbox"
+          :checked="filterByBounds"
+          class="checkbox checkbox-xs checkbox-primary"
+          @change="emit('update:filter-by-bounds', ($event.target as HTMLInputElement).checked)"
+        />
+        <span>{{ $t('catalog.search.filterByMap') }}</span>
+      </label>
     </div>
 
     <!-- Content (scrollable) -->
@@ -107,11 +116,13 @@ const props = defineProps<{
   loading?: boolean
   loadingMore?: boolean
   hasMore?: boolean
+  filterByBounds?: boolean
 }>()
 
 const emit = defineEmits<{
   'select': [type: string, item: Item]
   'close': []
+  'update:filter-by-bounds': [value: boolean]
   'load-more': []
   'hover': [uuid: string | null]
 }>()