新增 UI Kit 页面并展示 Mantine 常用组件交互

- 添加 /ui-kit 懒加载路由与菜单入口，按类别组织组件示例
- 展示按钮、Alert、Tabs、Menubar、加载动画和加载遮罩
- 展示页面内 Notification 和独立通知容器，支持成功、错误提示与关闭
- 添加 Drawer、Dialog、Modal、Popover、Tooltip 的打开、关闭及操作示例
- 展示可收藏 Card、Badge、DataList 和 Timeline
- 添加示例数据表格及分页器，切换页码时更新实际展示记录
- 使用 CSS Modules 管理页面样式，适配移动端抽屉、弹层和表格滚动

验证：pnpm build、pnpm lint、git diff --check 均通过。
浏览器检查通过：标签切换、菜单操作、通知、收藏、分页、加载结束、弹层交互、键盘 Tooltip 及移动端溢出检查；未发现运行时异常。

1 files changed, 7 insertions, 1 deletions

diff --git a/src/routes.ts b/src/routes.ts
index f0a0ef8..92eced8 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -1,4 +1,4 @@
-import { ClipboardTextIcon, HouseIcon, InfoIcon, UserIcon } from '@phosphor-icons/react'
+import { ClipboardTextIcon, HouseIcon, InfoIcon, SquaresFourIcon, UserIcon } from '@phosphor-icons/react'
 import type { Icon } from '@phosphor-icons/react'
 import type { RouteObject } from 'react-router'
 import App from './App.tsx'
@@ -24,6 +24,12 @@ export const pageRoutes = [
     handle: { title: '表单示例', icon: ClipboardTextIcon },
   },
   {
+    id: 'ui-kit',
+    path: '/ui-kit',
+    lazy: async () => ({ Component: (await import('./UiKit.tsx')).default }),
+    handle: { title: 'UI Kit', icon: SquaresFourIcon },
+  },
+  {
     id: 'about',
     path: '/about',
     handle: { title: '关于', icon: InfoIcon },