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

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

frontend/app/web-gold/src/views/system/task-management/components/TaskFilterBar.vue

@@ -44,6 +44,7 @@
           <RangeCalendar
             v-model="selectedDateRange"
             :number-of-months="2"
+            locale="zh-CN"
             @update:model-value="handleDateSelect"
           />
         </PopoverContent>

frontend/app/web-gold/src/views/system/task-management/layout/TaskLayout.vue

@@ -9,10 +9,10 @@
               v-for="item in NAV_ITEMS"
               :key="item.type"
               :value="item.type"
-              class="h-9 px-4 gap-2 rounded-lg bg-transparent transition-all data-[state=active]:bg-primary data-[state=active]:text-white data-[state=inactive]:text-muted-foreground data-[state=inactive]:hover:bg-muted focus-visible:ring-0 focus-visible:outline-none"
+              class="h-9 px-3 md:px-4 gap-2 rounded-lg bg-transparent transition-all data-[state=active]:bg-primary data-[state=active]:text-white data-[state=inactive]:text-muted-foreground data-[state=inactive]:hover:bg-muted focus-visible:ring-0 focus-visible:outline-none"
             >
               <Icon :icon="item.icon" class="size-4" />
-              <span class="font-medium">{{ item.label }}</span>
+              <span class="font-medium hidden sm:inline">{{ item.label }}</span>
             </TabsTrigger>
           </TabsList>
         </Tabs>