Enhance comment seeding and search functionality

- Updated the `seedComments` function to return an array of published comment event IDs for tracking.
- Introduced `seedCommentReactions` to seed upvotes and downvotes on comments, improving interaction visibility.
- Enhanced the `App.vue` and `MobileNav.vue` components to support a mobile search overlay, allowing users to search films seamlessly.
- Added a new `MobileSearch` component for better search experience on mobile devices.
- Implemented a search feature in `AppHeader.vue` with dropdown results for improved content discovery.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/Browse.vue

@@ -279,6 +279,7 @@ import { useAccounts } from '../composables/useAccounts'
 import { useContentDiscovery } from '../composables/useContentDiscovery'
 // indeeHubFilms data is now loaded dynamically via the content store
 import { useContentSourceStore } from '../stores/contentSource'
+import { useSearchSelectionStore } from '../stores/searchSelection'
 import type { Content } from '../types/content'
 
 const emit = defineEmits<{ (e: 'openAuth', redirect?: string): void }>()
@@ -289,6 +290,7 @@ const contentStore = useContentStore()
 const { isAuthenticated, hasActiveSubscription } = useAuth()
 const { isLoggedIn: isNostrLoggedIn } = useAccounts()
 const { sortContent, isFilterActive, activeAlgorithmLabel } = useContentDiscovery()
+const searchSelection = useSearchSelectionStore()
 
 // Determine active tab from route path
 const isMyListTab = computed(() => route.path === '/library')
@@ -427,6 +429,14 @@ function handleSubscriptionSuccess() {
 onMounted(() => {
   contentStore.fetchContent()
 })
+
+// Watch for search selection from the global search bar
+watch(() => searchSelection.pendingContent, (content) => {
+  if (content) {
+    selectedContent.value = searchSelection.consume()
+    showDetailModal.value = true
+  }
+})
 </script>
 
 <style scoped>