Improve auth UI: theme toggle, inline register/login links, and mobile guest frame.

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

src/views/auth/LoginView.vue

@@ -5,6 +5,7 @@ import { useAuthStore } from '@/stores/auth'
 import BaseInput from '@/components/ui/BaseInput.vue'
 import FormErrorBanner from '@/components/ui/FormErrorBanner.vue'
 import BaseButton from '@/components/ui/BaseButton.vue'
+import AuthThemeToggle from '@/components/ui/AuthThemeToggle.vue'
 import { normalizePhone, toPersianDigits } from '@/utils/format'
 import { validatePhone } from '@/utils/validation'
 import {
@@ -72,6 +73,8 @@ async function submit() {
 
 <template>
   <div class="page page-shell auth-page">
+    <AuthThemeToggle />
+
     <div class="page__scroll flex flex-col justify-center py-6">
       <div class="auth-header">
         <div class="text-5xl mb-3">🧵</div>
@@ -100,11 +103,16 @@ async function submit() {
         <BaseButton block type="submit" :loading="auth.loading">دریافت کد تأیید</BaseButton>
       </form>
 
-      <div class="mt-6 w-full max-w-[var(--form-max-width)]">
-        <p class="m-0 mb-2.5 text-center text-sm text-muted">حساب کاربری ندارید؟</p>
-        <RouterLink v-slot="{ navigate }" to="/register" custom>
-          <BaseButton block variant="outline" type="button" @click="navigate">ثبت‌نام</BaseButton>
-        </RouterLink>
+      <div class="mt-6 w-full max-w-[var(--form-max-width)] text-center">
+        <p class="m-0 text-sm text-muted">
+          حساب کاربری ندارید؟
+          <RouterLink
+            to="/register"
+            class="ms-1 font-bold text-primary no-underline hover:underline"
+          >
+            ثبت نام کنید
+          </RouterLink>
+        </p>
       </div>
     </div>
   </div>

src/views/auth/OtpView.vue

@@ -5,6 +5,7 @@ import { useIntervalFn } from '@vueuse/core'
 import { useAuthStore } from '@/stores/auth'
 import FormErrorBanner from '@/components/ui/FormErrorBanner.vue'
 import BaseButton from '@/components/ui/BaseButton.vue'
+import AuthThemeToggle from '@/components/ui/AuthThemeToggle.vue'
 import { toPersianDigits, extractNumericString } from '@/utils/format'
 import {
   FORM_VALIDATION_SUMMARY,
@@ -209,6 +210,8 @@ onMounted(() => {
 
 <template>
   <div class="page page-shell auth-page">
+    <AuthThemeToggle />
+
     <div class="page__scroll flex flex-col justify-center py-6">
       <div class="auth-header">
         <h1 class="page-title">تأیید شماره موبایل</h1>

src/views/auth/RegisterView.vue

@@ -5,6 +5,7 @@ import { useAuthStore } from '@/stores/auth'
 import BaseInput from '@/components/ui/BaseInput.vue'
 import FormErrorBanner from '@/components/ui/FormErrorBanner.vue'
 import BaseButton from '@/components/ui/BaseButton.vue'
+import AuthThemeToggle from '@/components/ui/AuthThemeToggle.vue'
 import { normalizePhone } from '@/utils/format'
 import { validatePhone } from '@/utils/validation'
 import {
@@ -66,6 +67,8 @@ async function submit() {
 
 <template>
   <div class="page page-shell auth-page">
+    <AuthThemeToggle />
+
     <div class="page__scroll flex flex-col justify-center py-6">
       <div class="auth-header">
         <div class="text-5xl mb-3">🧵</div>
@@ -101,11 +104,16 @@ async function submit() {
         <BaseButton block :loading="auth.loading" @click="submit">دریافت کد تأیید</BaseButton>
       </div>
 
-      <div class="mt-6 w-full max-w-[var(--form-max-width)]">
-        <p class="m-0 mb-2.5 text-center text-sm text-muted">قبلاً ثبت‌نام کرده‌اید؟</p>
-        <RouterLink v-slot="{ navigate }" to="/login" custom>
-          <BaseButton block variant="outline" type="button" @click="navigate">ورود</BaseButton>
-        </RouterLink>
+      <div class="mt-6 w-full max-w-[var(--form-max-width)] text-center">
+        <p class="m-0 text-sm text-muted">
+          قبلاً ثبت‌نام کرده‌اید؟
+          <RouterLink
+            to="/login"
+            class="ms-1 font-bold text-primary no-underline hover:underline"
+          >
+            وارد شوید
+          </RouterLink>
+        </p>
       </div>
     </div>
   </div>