fix: persist dark mode across refresh

Frontend-Learner/app.vue

@@ -3,11 +3,19 @@
 const { fetchUserProfile, isAuthenticated } = useAuth()
 
 // เมื่อ App เริ่มทำงาน (Mounted)
-// หากผู้ใช้ Login ค้างไว้ (มี Token) ให้ดึงข้อมูล Profile ล่าสุดทันที
 onMounted(() => {
+  // 1. หากผู้ใช้ Login ค้างไว้ (มี Token) ให้ดึงข้อมูล Profile ล่าสุดทันที
   if (isAuthenticated.value) {
     fetchUserProfile()
   }
+
+  // 2. ตรวจสอบและคืนค่า Theme (Dark/Light) จาก LocalStorage
+  const savedTheme = localStorage.getItem('theme')
+  if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    document.documentElement.classList.add('dark')
+  } else {
+    document.documentElement.classList.remove('dark')
+  }
 })
 </script>
 

Frontend-Learner/components/user/UserMenu.vue

@@ -67,8 +67,10 @@ const toggleDarkMode = () => {
   isDarkMode.value = !isDarkMode.value
   if (isDarkMode.value) {
     document.documentElement.classList.add('dark')
+    localStorage.setItem('theme', 'dark')
   } else {
     document.documentElement.classList.remove('dark')
+    localStorage.setItem('theme', 'light')
   }
 }