fix: remove @apply with daisyUI classes from scoped styles

Move Tailwind/daisyUI classes directly to template instead of using
@apply in scoped styles. Tailwind 4 @reference directive doesn't
support daisyUI custom classes like text-base-content/70, bg-base-200.

Files fixed:
- MainNavigation.vue
- SubNavigation.vue
- GlobalSearchBar.vue

app/components/navigation/SubNavigation.vue

@@ -5,8 +5,8 @@
         v-for="item in items"
         :key="item.path"
         :to="localePath(item.path)"
-        class="subnav-item"
-        :class="{ active: isActive(item.path) }"
+        class="px-4 py-2 rounded-full text-sm font-medium transition-colors whitespace-nowrap text-base-content/70 hover:text-base-content hover:bg-base-200"
+        :class="{ 'text-primary bg-primary/10': isActive(item.path) }"
       >
         <Icon v-if="item.icon" :name="item.icon" size="16" class="mr-1.5" />
         {{ item.label }}
@@ -51,15 +51,3 @@ const isActive = (path: string) => {
 }
 </script>
 
-<style scoped>
-@reference "tailwindcss";
-
-.subnav-item {
-  @apply px-4 py-2 rounded-full text-sm font-medium transition-colors whitespace-nowrap;
-  @apply text-base-content/70 hover:text-base-content hover:bg-base-200;
-}
-
-.subnav-item.active {
-  @apply text-primary bg-primary/10;
-}
-</style>