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

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

frontend/app/web-gold/src/components/ui/range-calendar/RangeCalendar.vue

@@ -6,7 +6,9 @@ import { RangeCalendarRoot, useForwardPropsEmits } from "reka-ui"
 import { cn } from "@/lib/utils"
 import { RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNextButton, RangeCalendarPrevButton } from "."
 
-const props = defineProps<RangeCalendarRootProps & { class?: HTMLAttributes["class"] }>()
+const props = withDefaults(defineProps<RangeCalendarRootProps & { class?: HTMLAttributes["class"] }>(), {
+  locale: 'zh-CN',
+})
 
 const emits = defineEmits<RangeCalendarRootEmits>()