refactor(store): rename useSettingNavStore to useSettingsStore and update state structure

src/store/useSettingNavStore.ts

@@ -1,22 +0,0 @@
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-
-interface SettingNavState {
-  activeNav: string;
-  setActiveNav: (nav: string) => void;
-}
-
-export const useSettingNavStore = create<SettingNavState>()(
-  persist(
-    (set) => ({
-      activeNav: "Appearance",
-      setActiveNav: (nav) => set({ activeNav: nav }),
-    }),
-    {
-      name: "setting-nav-active",
-      partialize: (state) => ({
-        activeNav: state.activeNav,
-      }),
-    }
-  )
-);

src/store/useSettingsStore.ts

@@ -0,0 +1,27 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface SettingsState {
+  activeSetting: string;
+  isDialogOpen: boolean;
+  setActiveSetting: (setting: string) => void;
+  setDialogOpen: (open: boolean) => void;
+}
+
+export const useSettingsStore = create<SettingsState>()(
+  persist(
+    (set) => ({
+      activeSetting: "Appearance",
+      isDialogOpen: false,
+      setActiveSetting: (setting) => set({ activeSetting: setting }),
+      setDialogOpen: (open) => set({ isDialogOpen: open }),
+    }),
+    {
+      name: "settings-state",
+      partialize: (state) => ({
+        activeNav: state.activeSetting,
+        isDialogOpen: state.isDialogOpen,
+      }),
+    }
+  )
+);