bar graph fix

stores/helpModeStore.ts

@@ -0,0 +1,32 @@
+"use client";
+
+import { useSyncExternalStore } from "react";
+
+function read(): boolean {
+	if (typeof localStorage === "undefined") return false;
+	return localStorage.getItem("helpMode") === "true";
+}
+
+let helpMode = read();
+const listeners = new Set<() => void>();
+
+function subscribe(cb: () => void) {
+	listeners.add(cb);
+	return () => listeners.delete(cb);
+}
+
+function notify() {
+	listeners.forEach((cb) => cb());
+}
+
+export function useHelpMode(): boolean {
+	return useSyncExternalStore(subscribe, () => helpMode, () => false);
+}
+
+export function useToggleHelpMode() {
+	return function toggle() {
+		helpMode = !helpMode;
+		try { localStorage.setItem("helpMode", String(helpMode)); } catch {}
+		notify();
+	};
+}