fix: resolve ESLint warnings and errors in web frontend

Fixed all linting issues reported by ESLint:

Errors fixed:
- InitializeUsdtModal.tsx: Removed unused imports (ASSET_IDS, ASSET_CONFIGS)

Warnings fixed:
- DashboardContext.tsx: Wrapped fetchProfile and fetchScoresAndTikis in useCallback
- PolkadotContext.tsx: Added eslint-disable for api cleanup (initialization pattern)
- WalletContext.tsx: Added updateBalance to useEffect dependencies
- WebSocketContext.tsx: Moved ENDPOINTS constant outside component
- useForum.ts: Added eslint-disable for mount-only effect
- Dashboard.tsx: Wrapped fetchProfile and fetchScoresAndTikis in useCallback
- ProfileSettings.tsx: Wrapped loadProfile in useCallback (also fixed missing data destructuring)
- CitizensIssues.tsx: Added eslint-disable for complex fetch pattern

All React Hook exhaustive-deps warnings resolved with proper useCallback wrapping
or appropriate eslint-disable comments where patterns are intentional.

web/src/contexts/DashboardContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+import { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';
 import { useAuth } from '@/contexts/AuthContext';
 import { usePolkadot } from '@/contexts/PolkadotContext';
 import { supabase } from '@/lib/supabase';
@@ -27,15 +27,7 @@ export function DashboardProvider({ children }: { children: ReactNode }) {
   const [kycStatus, setKycStatus] = useState<string>('NotStarted');
   const [loading, setLoading] = useState(true);
 
-  useEffect(() => {
-    fetchProfile();
-    if (selectedAccount && api && isApiReady) {
-      fetchScoresAndTikis();
-     
-    }
-  }, [user, selectedAccount, api, isApiReady]);
-
-  const fetchProfile = async () => {
+  const fetchProfile = useCallback(async () => {
     if (!user) {
       setLoading(false);
       return;
@@ -59,9 +51,9 @@ export function DashboardProvider({ children }: { children: ReactNode }) {
     } finally {
       setLoading(false);
     }
-  };
+  }, [user]);
 
-  const fetchScoresAndTikis = async () => {
+  const fetchScoresAndTikis = useCallback(async () => {
     if (!selectedAccount || !api) return;
 
     setLoading(true);
@@ -76,7 +68,15 @@ export function DashboardProvider({ children }: { children: ReactNode }) {
     } finally {
       setLoading(false);
     }
-  };
+  }, [selectedAccount, api]);
+
+  useEffect(() => {
+    fetchProfile();
+    if (selectedAccount && api && isApiReady) {
+      fetchScoresAndTikis();
+
+    }
+  }, [user, selectedAccount, api, isApiReady, fetchProfile, fetchScoresAndTikis]);
 
   const citizenNumber = nftDetails.citizenNFT
     ? generateCitizenNumber(nftDetails.citizenNFT.owner, nftDetails.citizenNFT.collectionId, nftDetails.citizenNFT.itemId)

web/src/contexts/PolkadotContext.tsx

@@ -124,6 +124,7 @@ export const PolkadotProvider: React.FC<PolkadotProviderProps> = ({
         api.disconnect();
       }
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [endpoint]);
 
   // Auto-restore wallet on page load

web/src/contexts/WalletContext.tsx

@@ -239,7 +239,7 @@ export const WalletProvider: React.FC<{ children: React.ReactNode }> = ({ childr
     if (polkadot.selectedAccount && polkadot.isApiReady) {
       updateBalance(polkadot.selectedAccount.address);
     }
-  }, [polkadot.selectedAccount, polkadot.isApiReady]);
+  }, [polkadot.selectedAccount, polkadot.isApiReady, updateBalance]);
 
   // Sync error state with PolkadotContext
   useEffect(() => {

web/src/contexts/WebSocketContext.tsx

@@ -17,6 +17,13 @@ interface WebSocketContextType {
 
 const WebSocketContext = createContext<WebSocketContextType | null>(null);
 
+const ENDPOINTS = [
+  'ws://localhost:8082',                 // Local Vite dev server
+  'ws://127.0.0.1:9944',                // Local development node (primary)
+  'ws://localhost:9944',                 // Local development node (alternative)
+  'wss://ws.pezkuwichain.io',           // Production WebSocket (fallback)
+];
+
 export const useWebSocket = () => {
   const context = useContext(WebSocketContext);
   if (!context) {
@@ -31,18 +38,11 @@ export const WebSocketProvider: React.FC<{ children: React.ReactNode }> = ({ chi
   const reconnectTimeout = useRef<NodeJS.Timeout>();
   const eventListeners = useRef<Map<string, Set<(data: Record<string, unknown>) => void>>>(new Map());
   const { toast } = useToast();
-  
+
   // Connection state management
   const currentEndpoint = useRef<string>('');
   const hasShownFinalError = useRef(false);
   const connectionAttempts = useRef(0);
-  
-  const ENDPOINTS = [
-    'ws://localhost:8082',                 // Local Vite dev server
-    'ws://127.0.0.1:9944',                // Local development node (primary)
-    'ws://localhost:9944',                 // Local development node (alternative)
-    'wss://ws.pezkuwichain.io',           // Production WebSocket (fallback)
-  ];
 
   const connect = useCallback((endpointIndex: number = 0) => {
     // If we've tried all endpoints, show error once and stop