fix: correctly unwrap activeLang ref in Header.vue links

src/components/Header.vue

@@ -57,10 +57,10 @@
             </Button>
           </template>
           <template v-else>
-            <Button variant="ghost" size="sm" :as="RouterLink" :to="`/${activeLang}/auth`" class="text-[13px] font-bold">
+            <Button variant="ghost" size="sm" :as="RouterLink" :to="`/${activeLang.value}/auth`" class="text-[13px] font-bold">
               {{ t("nav.logIn") }}
             </Button>
-            <Button variant="default" size="sm" :as="RouterLink" :to="{ name: 'auth', params: { lang: activeLang }, query: { mode: 'register' } }" class="text-[13px] font-bold shadow-md">
+            <Button variant="default" size="sm" :as="RouterLink" :to="{ name: 'auth', params: { lang: activeLang.value }, query: { mode: 'register' } }" class="text-[13px] font-bold shadow-md">
               {{ t("nav.register") }}
             </Button>
           </template>
@@ -136,10 +136,10 @@
               </Button>
             </template>
             <template v-else>
-              <Button variant="ghost" class="justify-start" :as="RouterLink" :to="`/${activeLang}/auth`" @click="mobileOpen = false">
+              <Button variant="ghost" class="justify-start" :as="RouterLink" :to="`/${activeLang.value}/auth`" @click="mobileOpen = false">
                 {{ t("nav.logIn") }}
               </Button>
-              <Button variant="default" :as="RouterLink" :to="{ name: 'auth', params: { lang: activeLang }, query: { mode: 'register' } }" @click="mobileOpen = false">
+              <Button variant="default" :as="RouterLink" :to="{ name: 'auth', params: { lang: activeLang.value }, query: { mode: 'register' } }" @click="mobileOpen = false">
                 {{ t("nav.register") }}
               </Button>
             </template>