feat(ui): 优化移动端响应式布局和交互体验

- 添加移动端侧边栏抽屉导航，支持触控滑动操作
- 优化 MaterialListNew 页面移动端适配，重构工具栏布局
- 统一日历组件默认语言为中文，增强本地化支持
- 更新依赖包添加 date-fns 和 vaul-vue 用于日期处理和抽屉组件
- 改进 iOS 滚动体验，添加触摸滚动优化
- 调整主布局结构，优化全屏高度和溢出处理
- 修复移动端分类切换器显示问题，优化按钮样式

frontend/app/web-gold/src/layouts/MainLayout.vue

@@ -1,24 +1,21 @@
 <script setup>
-import { SidebarProvider } from '@/components/ui/sidebar'
+import { SidebarProvider, SidebarInset } from '@/components/ui/sidebar'
 import TopNav from '@/components/TopNav.vue'
 import SidebarNav from '@/components/SidebarNav.vue'
 </script>
 
 <template>
-  <SidebarProvider
-    :style="{ '--sidebar-width': '220px' }"
-    class="flex flex-col min-h-screen bg-background"
-  >
-    <TopNav />
-    <div class="flex flex-1 pt-[70px]">
-      <SidebarNav />
-      <main class="flex-1 h-[calc(100vh-70px)] overflow-hidden">
+  <SidebarProvider class="h-full bg-background">
+    <SidebarNav />
+    <SidebarInset class="flex flex-col h-full overflow-hidden">
+      <TopNav />
+      <div class="flex-1 overflow-auto">
         <RouterView v-slot="{ Component }">
           <keep-alive>
             <component :is="Component" />
           </keep-alive>
         </RouterView>
-      </main>
-    </div>
+      </div>
+    </SidebarInset>
   </SidebarProvider>
 </template>