refactor: use functional setState in useCallback for stable callbacks in onboarding tour and sidebar

surfsense_web/components/layout/hooks/useSidebarState.ts

@@ -37,8 +37,14 @@ export function useSidebarState(defaultCollapsed = false): UseSidebarStateReturn
 	}, []);
 
 	const toggleCollapsed = useCallback(() => {
-		setIsCollapsed(!isCollapsed);
+		setIsCollapsedState(prev => {
-	}, [isCollapsed, setIsCollapsed]);
+			const next = !prev;
+			try {
+				document.cookie = `${SIDEBAR_COOKIE_NAME}=${next}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+			} catch {}
+			return next;
+		});
+	}, []);
 
 	// Keyboard shortcut: Cmd/Ctrl + \
 	useEffect(() => {

surfsense_web/components/onboarding-tour.tsx

@@ -666,10 +666,11 @@ export function OnboardingTour() {
 	}, [targetEl, isActive]);
 
 	const handleNext = useCallback(() => {
-		if (stepIndex < TOUR_STEPS.length - 1) {
 		retryCountRef.current = 0;
 		setShouldAnimate(true);
-			setStepIndex(stepIndex + 1);
+		setStepIndex(prev => {
+			if (prev < TOUR_STEPS.length - 1) {
+				return prev + 1;
 			} else {
 				// Tour completed - save to localStorage
 				if (user?.id) {
@@ -677,16 +678,21 @@ export function OnboardingTour() {
 					localStorage.setItem(tourKey, "true");
 				}
 				setIsActive(false);
+				return prev;
 			}
-	}, [stepIndex, user?.id]);
+		});
+	}, [user?.id]);
 
 	const handlePrev = useCallback(() => {
-		if (stepIndex > 0) {
 		retryCountRef.current = 0;
 		setShouldAnimate(true);
-			setStepIndex(stepIndex - 1);
+		setStepIndex(prev => {
+			if (prev > 0) {
+				return prev - 1;
 			}
-	}, [stepIndex]);
+			return prev;
+		});
+	}, []);
 
 	const handleSkip = useCallback(() => {
 		// Tour skipped - save to localStorage