revert(web): remove all core /src changes, keep only test files

Author: Satvik-art-creator

apps/web/src/components/Navbar.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import { useTheme } from '../lib/useTheme';
+import { useTheme } from '../lib/theme';
 import './Navbar.css';
 
 export default function Navbar() {

apps/web/src/lib/ThemeContext.ts

@@ -1,9 +1,14 @@
-import { useEffect, useState, type ReactNode } from 'react';
-import { ThemeContext } from './ThemeContext';
-import type { ThemeContextValue } from './ThemeContext';
+import { createContext, useContext, useEffect, useState, type ReactNode } from 'react';
 
 type Theme = 'light' | 'dark';
 
+interface ThemeContextValue {
+  theme: Theme;
+  toggleTheme: () => void;
+}
+
+const ThemeContext = createContext<ThemeContextValue | null>(null);
+
 function getInitialTheme(): Theme {
   if (typeof window === 'undefined') return 'dark';
 
@@ -28,11 +33,15 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
 
   const toggleTheme = () => setTheme((t) => (t === 'dark' ? 'light' : 'dark'));
 
-  const value: ThemeContextValue = { theme, toggleTheme };
-
   return (
-    <ThemeContext.Provider value={value}>
+    <ThemeContext.Provider value={{ theme, toggleTheme }}>
       {children}
     </ThemeContext.Provider>
   );
 }
+
+export function useTheme(): ThemeContextValue {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
+  return ctx;
+}

apps/web/src/lib/theme.tsx

@@ -24,31 +24,17 @@ export default function CardPage() {
 
   useEffect(() => {
     if (!id) return;
-
-    let cancelled = false;
-
-    const fetchCard = async () => {
-      try {
-        const data = await apiFetch<PublicCard>(`/api/u/card/${id}`);
-        if (!cancelled) {
-          setCard(data);
-          setError(null);
-        }
-      } catch {
-        if (!cancelled) {
-          setCard(null);
-          setError('Card not found');
-        }
-      } finally {
-        if (!cancelled) setLoading(false);
-      }
-    };
-
-    fetchCard();
-
-    return () => {
-      cancelled = true;
-    };
+    setLoading(true);
+    apiFetch<PublicCard>(`/api/u/card/${id}`)
+      .then((data) => {
+        setCard(data);
+        setError(null);
+      })
+      .catch(() => {
+        setCard(null);
+        setError('Card not found');
+      })
+      .finally(() => setLoading(false));
   }, [id]);
 
   // Update document title

apps/web/src/lib/useTheme.ts

@@ -18,36 +18,27 @@ export default function ProfilePage() {
   const [profile, setProfile] = useState<PublicProfile | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
+  const [mounted, setMounted] = useState(false);
   const [copyMessage, setCopyMessage] = useState('');
   const [copyStatus, setCopyStatus] = useState<'success' | 'error'>('success');
 
   useEffect(() => {
-    if (!username) return;
-
-    let cancelled = false;
-
-    const fetchProfile = async () => {
-      try {
-        const data = await apiFetch<PublicProfile>(`/api/u/${username}?source=web`);
-        if (!cancelled) {
-          setProfile(data);
-          setError(null);
-        }
-      } catch {
-        if (!cancelled) {
-          setProfile(null);
-          setError('User not found');
-        }
-      } finally {
-        if (!cancelled) setLoading(false);
-      }
-    };
+    setMounted(true);
+  }, []);
 
-    fetchProfile();
-
-    return () => {
-      cancelled = true;
-    };
+  useEffect(() => {
+    if (!username) return;
+    setLoading(true);
+    apiFetch<PublicProfile>(`/api/u/${username}?source=web`)
+      .then((data) => {
+        setProfile(data);
+        setError(null);
+      })
+      .catch(() => {
+        setProfile(null);
+        setError('User not found');
+      })
+      .finally(() => setLoading(false));
   }, [username]);
 
   async function copyProfileUrl() {
@@ -116,7 +107,7 @@ export default function ProfilePage() {
         className="bg-gradient"
         style={{ '--accent': profile.accentColor || '#6366f1' } as React.CSSProperties}
       />
-      <main className="profile-container loaded">
+      <main className={`profile-container ${mounted ? 'loaded' : ''}`}>
         <div
           className="profile-card glass"
           style={{ '--accent': profile.accentColor } as React.CSSProperties}