Fix: Persist theme selection using localStorage

Author: Sharanya Lakkamsetti

src/context/ThemeContext.tsx

@@ -10,14 +10,19 @@ interface ThemeContextType {
 export const ThemeContext = createContext<ThemeContextType | null>(null);
 
 const ThemeWrapper = ({ children }: { children: ReactNode }) => {
-  const [mode, setMode] = useState<'light' | 'dark'>('light');
+  const [mode, setMode] = useState<'light' | 'dark'>(() => {
+  const savedMode = localStorage.getItem('theme');
+  return savedMode === 'dark' ? 'dark' : 'light';
+});
+
 
   useEffect(() => {
     if (mode === 'dark') {
       document.documentElement.classList.add('dark');
     } else {
       document.documentElement.classList.remove('dark');
     }
+    localStorage.setItem('theme', mode);
   }, [mode]);
 
   const toggleTheme = () => {