update

app/context/LanguageContext.jsx

@@ -1,42 +1,41 @@
 'use client';
 
-// context زبان سایت: نگه‌داری زبان فعلی (fa/en)، ذخیره در localStorage، و تنظیم جهت صفحه (rtl/ltr).
 
-import { createContext, useContext, useEffect, useState } from 'react';
-import { content } from '@/data/content';
+import {createContext, useContext, useEffect, useState} from 'react';
+import {content} from '@/data/content';
 
 const LanguageContext = createContext(null);
 
-export function LanguageProvider({ children }) {
-  const [locale, setLocale] = useState('fa');
-  const [mounted, setMounted] = useState(false);
+export function LanguageProvider({children}) {
+    const [locale, setLocale] = useState('fa');
+    const [mounted, setMounted] = useState(false);
 
-  useEffect(() => {
-    const saved = window.localStorage.getItem('rm-locale');
-    if (saved === 'fa' || saved === 'en') setLocale(saved);
-    setMounted(true);
-  }, []);
+    useEffect(() => {
+        const saved = window.localStorage.getItem('rm-locale');
+        if (saved === 'fa' || saved === 'en') setLocale(saved);
+        setMounted(true);
+    }, []);
 
-  useEffect(() => {
-    const root = document.documentElement;
-    root.lang = locale;
-    root.dir = content[locale].dir;
-    window.localStorage.setItem('rm-locale', locale);
-  }, [locale]);
+    useEffect(() => {
+        const root = document.documentElement;
+        root.lang = locale;
+        root.dir = content[locale].dir;
+        window.localStorage.setItem('rm-locale', locale);
+    }, [locale]);
 
-  const toggleLocale = () => setLocale((l) => (l === 'fa' ? 'en' : 'fa'));
+    const toggleLocale = () => setLocale((l) => (l === 'fa' ? 'en' : 'fa'));
 
-  return (
-    <LanguageContext.Provider
-      value={{ locale, setLocale, toggleLocale, t: content[locale], dir: content[locale].dir, mounted }}
-    >
-      {children}
-    </LanguageContext.Provider>
-  );
+    return (
+        <LanguageContext.Provider
+            value={{locale, setLocale, toggleLocale, t: content[locale], dir: content[locale].dir, mounted}}
+        >
+            {children}
+        </LanguageContext.Provider>
+    );
 }
 
 export function useLanguage() {
-  const ctx = useContext(LanguageContext);
-  if (!ctx) throw new Error('useLanguage must be used within LanguageProvider');
-  return ctx;
+    const ctx = useContext(LanguageContext);
+    if (!ctx) throw new Error('useLanguage must be used within LanguageProvider');
+    return ctx;
 }

app/context/ThemeContext.jsx

@@ -1,47 +1,44 @@
 'use client';
 
-import { createContext, useContext, useEffect, useState } from 'react';
+import {createContext, useContext, useEffect, useState} from 'react';
 
 const ThemeContext = createContext(null);
 
-export function ThemeProvider({ children }) {
-  // پیش‌فرض سایت حالا «روشن» (light) است. اگر کاربر قبلاً تم را عوض کرده باشد
-  // (ذخیره‌شده در localStorage) همان ترجیح رو حفظ می‌کنیم؛ در غیر این صورت فقط
-  // اگر سیستم کاربر صراحتاً روی حالت تیره تنظیم شده باشد، تیره را انتخاب می‌کنیم.
-  const [theme, setTheme] = useState('light');
-  const [mounted, setMounted] = useState(false);
+export function ThemeProvider({children}) {
 
-  // On mount: read saved preference, else fall back to system preference
-  // (but default stays light unless the OS explicitly prefers dark).
-  useEffect(() => {
-    const saved = window.localStorage.getItem('rm-theme');
-    if (saved === 'light' || saved === 'dark') {
-      setTheme(saved);
-    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      setTheme('dark');
-    }
-    setMounted(true);
-  }, []);
+    const [theme, setTheme] = useState('light');
+    const [mounted, setMounted] = useState(false);
 
-  // Reflect theme on <html> class + persist.
-  useEffect(() => {
-    const root = document.documentElement;
-    root.classList.remove('light', 'dark');
-    root.classList.add(theme);
-    window.localStorage.setItem('rm-theme', theme);
-  }, [theme]);
 
-  const toggleTheme = () => setTheme((t) => (t === 'dark' ? 'light' : 'dark'));
+    useEffect(() => {
+        const saved = window.localStorage.getItem('rm-theme');
+        if (saved === 'light' || saved === 'dark') {
+            setTheme(saved);
+        } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            setTheme('dark');
+        }
+        setMounted(true);
+    }, []);
 
-  return (
-    <ThemeContext.Provider value={{ theme, setTheme, toggleTheme, mounted }}>
-      {children}
-    </ThemeContext.Provider>
-  );
+  
+    useEffect(() => {
+        const root = document.documentElement;
+        root.classList.remove('light', 'dark');
+        root.classList.add(theme);
+        window.localStorage.setItem('rm-theme', theme);
+    }, [theme]);
+
+    const toggleTheme = () => setTheme((t) => (t === 'dark' ? 'light' : 'dark'));
+
+    return (
+        <ThemeContext.Provider value={{theme, setTheme, toggleTheme, mounted}}>
+            {children}
+        </ThemeContext.Provider>
+    );
 }
 
 export function useTheme() {
-  const ctx = useContext(ThemeContext);
-  if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
-  return ctx;
+    const ctx = useContext(ThemeContext);
+    if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
+    return ctx;
 }