diff --git a/package-lock.json b/package-lock.json
index abab5d9..46c40fb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-    "name": "canteen-frontend",
+    "name": "dartachalani",
     "version": "0.0.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
-            "name": "canteen-frontend",
+            "name": "dartachalani",
             "version": "0.0.0",
             "dependencies": {
                 "axios": "^1.11.0",
diff --git a/src/components/navigation/Sidebar.vue b/src/components/navigation/Sidebar.vue
index b0a94eb..ef59eba 100644
--- a/src/components/navigation/Sidebar.vue
+++ b/src/components/navigation/Sidebar.vue
@@ -109,7 +109,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, type PropType, ref } from "vue";
+import { onMounted, type PropType, ref } from "vue";
 import { useRouter } from "vue-router";
 import type { SidebarItem } from "@/dtos/common/Sidebar";
 import { useSidebar } from "@/stores/App/App";
@@ -117,7 +117,7 @@ import { storeToRefs } from "pinia";
 import { watch, nextTick } from "vue";
 const router = useRouter();
 
-const emit = defineEmits(["toggleSideBar"]);
+// const emit = defineEmits(["toggleSideBar"]);
 
 const sidebarStore = useSidebar();
 const { isSidebarOpen } = storeToRefs(sidebarStore);
diff --git a/src/dtos/common/Sidebar.d.ts b/src/dtos/common/Sidebar.d.ts
new file mode 100644
index 0000000..0ef0f65
--- /dev/null
+++ b/src/dtos/common/Sidebar.d.ts
@@ -0,0 +1,13 @@
+import type { RouteLocationRaw } from "vue-router";
+
+export type SidebarItem = {
+    label: string;
+    to?: RouteLocationRaw;
+    icon?: string;
+    isVisible?: boolean;
+    children?: {
+        label: string;
+        to: RouteLocationRaw;
+        isVisible?: boolean;
+    }[];
+};
diff --git a/src/stores/App/App.ts b/src/stores/App/App.ts
new file mode 100644
index 0000000..951337c
--- /dev/null
+++ b/src/stores/App/App.ts
@@ -0,0 +1,23 @@
+import { acceptHMRUpdate, defineStore } from "pinia";
+
+export const useSidebar = defineStore("sidebar", {
+    state: () => ({
+        sidebarOpen: true,
+    }),
+
+    getters: {
+        isSidebarOpen(state) {
+            return state.sidebarOpen;
+        },
+    },
+
+    actions: {
+        setSidebarStatus(value: boolean) {
+            this.sidebarOpen = value;
+        },
+    },
+});
+
+if (import.meta.hot) {
+    import.meta.hot.accept(acceptHMRUpdate(useSidebar, import.meta.hot));
+}