feat: mobile friendly menu

src/stores/style.store.ts

@@ -1,9 +1,11 @@
-import { useStorage } from '@vueuse/core';
+import { useMediaQuery, useStorage } from '@vueuse/core';
 import { defineStore } from 'pinia';
 import type { Ref } from 'vue';
 
 export const useStyleStore = defineStore('style', {
   state: () => ({
-    isDarkTheme: useStorage('useDarkTheme', false) as Ref<boolean>,
+    isDarkTheme: useStorage('isDarkTheme', true) as Ref<boolean>,
+    isMenuCollapsed: useStorage('isMenuCollapsed', false) as Ref<boolean>,
+    isSmallScreen: useMediaQuery('(max-width: 700px)'),
   }),
 });