fix(web): resolve ESLint errors in React components

Author: Satvik-art-creator

apps/web/src/components/Navbar.tsx

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

apps/web/src/lib/theme.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useEffect, useState, type ReactNode } from 'react';
+import { createContext, useEffect, useState, type ReactNode } from 'react';
 
 type Theme = 'light' | 'dark';
 
@@ -40,8 +40,4 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
   );
 }
 
-export function useTheme(): ThemeContextValue {
-  const ctx = useContext(ThemeContext);
-  if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
-  return ctx;
-}
+export { ThemeContext };

apps/web/src/lib/useTheme.ts

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { ThemeContext } from './theme';
+
+export function useTheme() {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
+  return ctx;
+}

apps/web/src/pages/CardPage.tsx

@@ -24,7 +24,6 @@ export default function CardPage() {
 
   useEffect(() => {
     if (!id) return;
-    setLoading(true);
     apiFetch<PublicCard>(`/api/u/card/${id}`)
       .then((data) => {
         setCard(data);

apps/web/src/pages/ProfilePage.tsx

@@ -18,17 +18,12 @@ 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 [mounted] = useState(true);
   const [copyMessage, setCopyMessage] = useState('');
   const [copyStatus, setCopyStatus] = useState<'success' | 'error'>('success');
 
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
   useEffect(() => {
     if (!username) return;
-    setLoading(true);
     apiFetch<PublicProfile>(`/api/u/${username}?source=web`)
       .then((data) => {
         setProfile(data);