feat: Reduce memory footprint for PGlite, Implement user-specific Electric SQL database management

- Added cleanup logic for other users' databases on login to ensure data isolation.
- Introduced best-effort cleanup on logout to remove stale databases.
- Updated Electric client initialization to support user-specific databases.
- Refactored hooks to utilize the Electric context for better state management and prevent race conditions.
- Enhanced error handling and logging for Electric SQL operations.

surfsense_web/components/UserDropdown.tsx

@@ -13,6 +13,7 @@ import {
 	DropdownMenuSeparator,
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { cleanupElectric } from "@/lib/electric/client";
 import { resetUser, trackLogout } from "@/lib/posthog/events";
 
 export function UserDropdown({
@@ -26,12 +27,20 @@ export function UserDropdown({
 }) {
 	const router = useRouter();
 
-	const handleLogout = () => {
+	const handleLogout = async () => {
 		try {
 			// Track logout event and reset PostHog identity
 			trackLogout();
 			resetUser();
 
+			// Best-effort cleanup of Electric SQL / PGlite
+			// Even if this fails, login-time cleanup will handle it
+			try {
+				await cleanupElectric();
+			} catch (err) {
+				console.warn("[Logout] Electric cleanup failed (will be handled on next login):", err);
+			}
+
 			if (typeof window !== "undefined") {
 				localStorage.removeItem("surfsense_bearer_token");
 				window.location.href = "/";
@@ -40,7 +49,7 @@ export function UserDropdown({
 			console.error("Error during logout:", error);
 			// Optionally, provide user feedback
 			if (typeof window !== "undefined") {
-				alert("Logout failed. Please try again.");
+				localStorage.removeItem("surfsense_bearer_token");
 				window.location.href = "/";
 			}
 		}