fix(react): Add cancelAnimationFrame cleanup in useEffect

- Add cleanup function to cancel animation frame on unmount
- Prevents potential memory leaks and setState on unmounted component
- Closes #1093

surfsense_web/components/report-panel/report-panel.tsx

@@ -140,6 +140,14 @@ export function ReportPanelContent({
 		setActiveReportId(reportId);
 	}, [reportId]);
 
+	// Clear copied state after 2 seconds
+	useEffect(() => {
+		if (copied) {
+			const timer = setTimeout(() => setCopied(false), 2000);
+			return () => clearTimeout(timer);
+		}
+	}, [copied]);
+
 	// Fetch report content (re-runs when activeReportId changes for version switching)
 	useEffect(() => {
 		let cancelled = false;
@@ -197,7 +205,6 @@ export function ReportPanelContent({
 		try {
 			await navigator.clipboard.writeText(currentMarkdown);
 			setCopied(true);
-			setTimeout(() => setCopied(false), 2000);
 		} catch (err) {
 			console.error("Failed to copy:", err);
 		}

surfsense_web/components/ui/animated-tabs.tsx

@@ -306,7 +306,8 @@ const TabsList = forwardRef<
 		}, [updateActiveIndicator]);
 
 		useEffect(() => {
-			requestAnimationFrame(updateActiveIndicator);
+			const frameId = requestAnimationFrame(updateActiveIndicator);
+			return () => cancelAnimationFrame(frameId);
 		}, [updateActiveIndicator]);
 
 		const scrollTabToCenter = useCallback((index: number) => {

surfsense_web/hooks/use-api-key.ts

@@ -15,6 +15,14 @@ export function useApiKey(): UseApiKeyReturn {
 	const [copied, setCopied] = useState(false);
 	const [isLoading, setIsLoading] = useState(true);
 
+	// Clear copied state after 2 seconds
+	useEffect(() => {
+		if (copied) {
+			const timer = setTimeout(() => setCopied(false), 2000);
+			return () => clearTimeout(timer);
+		}
+	}, [copied]);
+
 	useEffect(() => {
 		// Load API key from localStorage
 		const loadApiKey = () => {
@@ -41,9 +49,6 @@ export function useApiKey(): UseApiKeyReturn {
 		if (success) {
 			setCopied(true);
 			toast.success("API key copied to clipboard");
-			setTimeout(() => {
-				setCopied(false);
-			}, 2000);
 		} else {
 			toast.error("Failed to copy API key");
 		}