feat: integrate Zustand for global state management and apply it to the sidebar

store/index.ts

@@ -0,0 +1 @@
+export * from "./ui/ui-store";

store/ui/ui-store.ts

@@ -0,0 +1,22 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface SidebarStoreState {
+  isSideMenuOpen: boolean;
+
+  openSideMenu: () => void;
+  closeSideMenu: () => void;
+}
+
+export const useUIStore = create<SidebarStoreState>()(
+  persist(
+    (set) => ({
+      isSideMenuOpen: true,
+      openSideMenu: () => set({ isSideMenuOpen: true }),
+      closeSideMenu: () => set({ isSideMenuOpen: false }),
+    }),
+    {
+      name: "sidebar-store",
+    },
+  ),
+);