Resolve frontend CI failures from react-hooks/set-state-in-effect across data-loading pages

frontend/src/pages/AuditLogPage.tsx

@@ -102,11 +102,27 @@ export const AuditLogPage: React.FC = () => {
   );
 
   useEffect(() => {
-    loadUsers();
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadUsers();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [loadUsers]);
 
   useEffect(() => {
-    loadEntries(page);
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadEntries(page);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [page, loadEntries]);
 
   const handleApplyFilters = useCallback(() => {
@@ -124,9 +140,15 @@ export const AuditLogPage: React.FC = () => {
 
   // Re-fetch when filters are cleared
   useEffect(() => {
-    if (!filterUserId && !filterAction && !filterDateFrom && !filterDateTo) {
-      loadEntries(1);
-    }
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled && !filterUserId && !filterAction && !filterDateFrom && !filterDateTo) {
+        await loadEntries(1);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [filterUserId, filterAction, filterDateFrom, filterDateTo, loadEntries]);
 
   const toggleExpand = useCallback((id: string) => {

frontend/src/pages/ManualLinksPage.tsx

@@ -41,7 +41,15 @@ export const ManualLinksPage: React.FC = () => {
   }, [showToast]);
 
   useEffect(() => {
-    loadData();
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadData();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [loadData]);
 
   const handleSubmit = async (e: React.FormEvent) => {

frontend/src/pages/MetricsDashboardPage.tsx

@@ -23,7 +23,15 @@ export default function MetricsDashboardPage() {
   }, [showToast]);
 
   useEffect(() => {
-    loadMetrics();
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadMetrics();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [loadMetrics]);
 
   const handleExportCsv = useCallback(async () => {

frontend/src/pages/RequirementsPage.tsx

@@ -42,7 +42,15 @@ export const RequirementsPage: React.FC = () => {
   }, [page, showToast]);
 
   useEffect(() => {
-    loadRequirements(page);
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadRequirements(page);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [page, loadRequirements]);
 
   const handleSubmit = async (e: React.FormEvent) => {

frontend/src/pages/SuggestionDashboard.tsx

@@ -168,12 +168,22 @@ export const SuggestionDashboard: React.FC = () => {
   }, [filters, showToast]);
 
   useEffect(() => {
-    loadData();
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadData();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [loadData]);
 
   // Reset focus when suggestion list changes
   useEffect(() => {
-    setFocusedIndex(-1);
+    queueMicrotask(() => {
+      setFocusedIndex(-1);
+    });
   }, [suggestions]);
 
   // Scroll focused card into view

frontend/src/pages/TestCasesPage.tsx

@@ -43,7 +43,15 @@ export const TestCasesPage: React.FC = () => {
   }, [page, showToast]);
 
   useEffect(() => {
-    loadTestCases(page);
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadTestCases(page);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [page, loadTestCases]);
 
   const handleSubmit = async (e: React.FormEvent) => {

frontend/src/pages/TraceabilityMatrixPage.tsx

@@ -23,7 +23,15 @@ export default function TraceabilityMatrixPage() {
   }, [showToast]);
 
   useEffect(() => {
-    loadMatrix();
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadMatrix();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [loadMatrix]);
 
   const handleExport = async (format: "csv" | "json" | "pdf") => {

frontend/src/pages/UserManagementPage.tsx

@@ -54,7 +54,15 @@ export const UserManagementPage: React.FC = () => {
   );
 
   useEffect(() => {
-    loadUsers();
+    let cancelled = false;
+    void (async () => {
+      if (!cancelled) {
+        await loadUsers();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
   }, [loadUsers]);
 
   // Client-side search/filter