chore: use dynamic import to avoid page hydrated

store/user.ts

@@ -1,8 +1,17 @@
 import { User } from "@/types";
+import { create } from "zustand";
 
-export const localUser: User = {
+const localUser: User = {
   id: "local-user",
   name: "Local user",
   description: "",
   avatar: "",
 };
+
+interface UserState {
+  currentUser: User;
+}
+
+export const useUserStore = create<UserState>()(() => ({
+  currentUser: localUser,
+}));