fix: resolve TS errors in Header.vue links and button props

src/components/Header.vue

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

src/components/ui/button.vue

@@ -38,7 +38,7 @@ interface Props {
   variant?: ButtonVariants['variant']
   size?: ButtonVariants['size']
   as?: any
-  to?: string
+  to?: string | any
   href?: string
 }