Refactor code structure for improved readability and maintainability

src/stores/useAppShellStore.ts

@@ -0,0 +1,50 @@
+// stores/useAppShellStore.ts
+import { create } from 'zustand';
+
+interface AppShellState {
+  activeMain: string;
+  activeLink: string;
+  mobileOpened: boolean;
+  desktopOpened: boolean;
+  setActiveMain: (main: string) => void;
+  setActiveLink: (link: string) => void;
+  toggleMobile: () => void;
+  toggleDesktop: () => void;
+  openDesktop: () => void;
+  closeMobile: () => void;
+}
+
+// Persistencia en localStorage (solo para rutas, si lo quieres)
+const STORAGE_KEY = 'lastSubmenuRoutes';
+function getLastSubmenuRoute(section: string): string | null {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    const parsed = raw ? JSON.parse(raw) : {};
+    return parsed[section] ?? null;
+  } catch {
+    return null;
+  }
+}
+function setLastSubmenuRoute(section: string, route: string) {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    const parsed = raw ? JSON.parse(raw) : {};
+    parsed[section] = route;
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(parsed));
+  } catch {}
+}
+
+export const useAppShellStore = create<AppShellState>((set) => ({
+  activeMain: 'Home',
+  activeLink: '',
+  mobileOpened: false,
+  desktopOpened: true,
+  setActiveMain: (main) => set({ activeMain: main }),
+  setActiveLink: (link) => set({ activeLink: link }),
+  toggleMobile: () => set((s) => ({ mobileOpened: !s.mobileOpened })),
+  toggleDesktop: () => set((s) => ({ desktopOpened: !s.desktopOpened })),
+  openDesktop: () => set({ desktopOpened: true }),
+  closeMobile: () => set({ mobileOpened: false }),
+}));
+
+export { getLastSubmenuRoute, setLastSubmenuRoute };