fix: safely access local storage

Author: oxcened

src/components/privacy.tsx

@@ -9,15 +9,33 @@ const PrivacyCtx = createContext<{
   setMode: (m: PrivacyMode) => void;
 }>({
   mode: "off",
+  /* eslint-disable-next-line @typescript-eslint/no-empty-function */
   setMode: () => {},
 });
 
 export function PrivacyProvider({ children }: { children: React.ReactNode }) {
-  const [mode, setMode] = useState<PrivacyMode>(
-    () => (localStorage.getItem("vaultPrivacyMode") as PrivacyMode) || "off",
-  );
+  const [mode, setMode] = useState<PrivacyMode>("off");
+
+  useEffect(() => {
+    try {
+      const stored = window.localStorage.getItem(
+        "vaultPrivacyMode",
+      ) as PrivacyMode | null;
+      if (stored === "off" || stored === "blur" || stored === "hoverToReveal") {
+        setMode(stored);
+      }
+    } catch {
+      // ignore access errors (e.g., disabled storage)
+    }
+  }, []);
 
-  useEffect(() => localStorage.setItem("vaultPrivacyMode", mode), [mode]);
+  useEffect(() => {
+    try {
+      window.localStorage.setItem("vaultPrivacyMode", mode);
+    } catch {
+      // ignore quota/access errors
+    }
+  }, [mode]);
 
   return (
     <PrivacyCtx.Provider value={{ mode, setMode }}>