feat: update admin navigation and customer management

src/layouts/AppLayout.vue

@@ -2,7 +2,7 @@
 import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { ChevronLeft, ChevronRight, LogOut, Menu } from '@lucide/vue'
+import { LogOut, Menu } from '@lucide/vue'
 import { getApiErrorDetails } from '@/api/http'
 import baiyueLogoWhite from '@/assets/brand/baiyue-logo-white.png'
 import baiyueMarkWhite from '@/assets/brand/baiyue-mark-white.png'
@@ -51,6 +51,14 @@ async function handleLogout() {
   }
 }
 
+function handleMenuToggle() {
+  if (window.matchMedia('(max-width: 720px)').matches) {
+    mobileMenuOpen.value = !mobileMenuOpen.value
+    return
+  }
+  collapsed.value = !collapsed.value
+}
+
 watch(() => route.fullPath, () => { mobileMenuOpen.value = false })
 </script>
 
@@ -65,16 +73,17 @@ watch(() => route.fullPath, () => { mobileMenuOpen.value = false })
       <nav class="side-nav" aria-label="主导航">
         <AdminSidebarMenu :items="access.filteredNavigation" :active-path="route.path" :collapsed="menuCollapsed" />
       </nav>
-      <button class="sidebar-toggle" type="button" @click="collapsed = !collapsed">
-        <ChevronRight v-if="collapsed" :size="18" />
-        <ChevronLeft v-else :size="18" />
-        <span v-if="!collapsed">收起导航</span>
-      </button>
     </aside>
 
     <div class="app-main">
       <header class="app-header" :class="{ 'app-header--without-page-heading': !showPageHeading }">
-        <button class="mobile-menu-button" type="button" aria-label="打开菜单" :aria-expanded="mobileMenuOpen" @click="mobileMenuOpen = true"><Menu :size="20" /></button>
+        <button
+          class="shell-menu-button"
+          type="button"
+          :aria-label="mobileMenuOpen ? '关闭菜单' : collapsed ? '展开导航' : '收起导航'"
+          :aria-expanded="mobileMenuOpen || !collapsed"
+          @click="handleMenuToggle"
+        ><Menu :size="22" /></button>
         <div v-if="showPageHeading" class="page-heading"><h1>{{ pageTitle }}</h1><p v-if="pageDescription">{{ pageDescription }}</p></div>
         <div class="header-user">
           <div class="user-avatar">{{ auth.user?.name.slice(0, 1) }}</div>