Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

stores/layout.js

@@ -0,0 +1,14 @@
+import { defineStore } from "pinia";
+
+export const useLayoutStore = defineStore({
+  id: "layout",
+  state: () => ({
+    layoutType: "vertical",
+    mobileWidth: "1024",
+  }),
+  actions: {
+    setLayoutType(layoutType) {
+      this.layoutType = layoutType;
+    },
+  },
+});

stores/theme.js

@@ -0,0 +1,22 @@
+import { defineStore, skipHydrate } from "pinia";
+
+export const useThemeStore = defineStore({
+  id: "theme",
+  state: () => ({
+    theme: "default",
+    layoutType: "vertical",
+    codeTheme: "oneDark",
+  }),
+  persist: true,
+  actions: {
+    setTheme(theme) {
+      this.theme = theme;
+    },
+    setLayoutType(layoutType) {
+      this.layoutType = layoutType;
+    },
+    setCodeTheme(codeTheme) {
+      this.codeTheme = codeTheme;
+    },
+  },
+});

stores/user.js

@@ -0,0 +1,22 @@
+import { defineStore } from "pinia";
+
+export const useUserStore = defineStore({
+  id: "user",
+  state: () => ({
+    username: null,
+    roles: null,
+    isAuth: false,
+  }),
+  persist: true,
+  actions: {
+    setUsername(username) {
+      this.username = username;
+    },
+    setRoles(roles) {
+      this.roles = roles;
+    },
+    setIsAuthenticated(isAuth) {
+      this.isAuth = isAuth;
+    },
+  },
+});