refactor(ui): remove effect mount state in guest builder

Author: DongDuong2001

src/components/builder/guest-builder-client.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useRef } from "react";
 import { useResumeStore } from "@/store/resume-store";
 import { EMPTY_RESUME_DATA, GUEST_STORAGE_KEY } from "@/lib/constants";
 import { BuilderForm } from "./builder-form";
@@ -10,7 +10,7 @@ import { BuilderHeader } from "./builder-header";
 export function GuestBuilderClient() {
   const { setResume, data, title, templateId, fontFamily, isDirty } =
     useResumeStore();
-  const [isStoreReady, setIsStoreReady] = useState(false);
+  const isStoreReadyRef = useRef(false);
 
   // Initialize store from localStorage or empty data
   useEffect(() => {
@@ -25,29 +25,25 @@ export function GuestBuilderClient() {
           parsed.fontFamily || "inter",
           parsed.data || EMPTY_RESUME_DATA
         );
-        setIsStoreReady(true);
+        isStoreReadyRef.current = true;
         return;
       } catch {
         // fall through to empty data
       }
     }
     setResume("guest", "My Resume", "harvard", "inter", EMPTY_RESUME_DATA);
-    setIsStoreReady(true);
+    isStoreReadyRef.current = true;
   }, [setResume]);
 
   // Persist to localStorage whenever the store changes
   useEffect(() => {
-    if (!isStoreReady) return;
+    if (!isStoreReadyRef.current) return;
     if (!isDirty) return;
     localStorage.setItem(
       GUEST_STORAGE_KEY,
       JSON.stringify({ title, templateId, fontFamily, data })
     );
-  }, [isStoreReady, isDirty, title, templateId, fontFamily, data]);
-
-  if (!isStoreReady) {
-    return <div className="h-dvh bg-white" />;
-  }
+  }, [isDirty, title, templateId, fontFamily, data]);
 
   return (
     <div className="h-dvh flex flex-col bg-white overflow-hidden">