feat: added a twist

frontend/src/hooks/useUnsavedGuard.ts

@@ -0,0 +1,16 @@
+import { useEffect } from "react";
+import { useEditorStore } from "@/stores/editorStore";
+
+export function useUnsavedGuard() {
+  const isDirty = useEditorStore((s) => s.isDirty);
+
+  useEffect(() => {
+    const handler = (e: BeforeUnloadEvent) => {
+      if (isDirty) {
+        e.preventDefault();
+      }
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => window.removeEventListener("beforeunload", handler);
+  }, [isDirty]);
+}