fix bug 16 and 17

apps/admin/src/components/I18nProvider.tsx

@@ -110,10 +110,11 @@ const Context = createContext<AdminI18nContext | null>(null)
 
 export function AdminI18nProvider({ children }: { children: React.ReactNode }) {
   const [language, setLanguage] = useState<AdminLanguage>('en')
-  const [theme, setTheme] = useState<AdminTheme>('light')
+  const [theme, setTheme] = useState<AdminTheme>('dark')
   // Skip the very first write so we don't overwrite a stored preference with
   // the default 'en' value before the hydration read-effect has applied it.
   const skipFirstLangWrite = useRef(true)
+  const skipFirstThemeWrite = useRef(true)
 
   useEffect(() => {
     const stored = window.localStorage.getItem('admin-language')
@@ -124,11 +125,6 @@ export function AdminI18nProvider({ children }: { children: React.ReactNode }) {
 
     if (storedTheme === 'light' || storedTheme === 'dark') {
       setTheme(storedTheme)
-      return
-    }
-
-    if (!window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      setTheme('light')
     }
   }, [])
 
@@ -147,6 +143,10 @@ export function AdminI18nProvider({ children }: { children: React.ReactNode }) {
     document.documentElement.classList.add(theme)
     document.documentElement.style.colorScheme = theme
     document.body.dataset.theme = theme
+    if (skipFirstThemeWrite.current) {
+      skipFirstThemeWrite.current = false
+      return
+    }
     document.cookie = `${SHARED_THEME_KEY}=${encodeURIComponent(theme)}; path=/; max-age=31536000; SameSite=Lax`
     window.localStorage.setItem(SHARED_THEME_KEY, theme)
     window.localStorage.setItem('admin-theme', theme)