统一路由页面文件的 page 前缀与命名规范

- 将首页、关于概览、关于我、表单和 UI Kit 页面改为 page- 前缀的小写横线文件名
- 同步重命名页面 CSS Modules，并更新组件样式引用
- 更新静态路由导入与懒加载路径，保持访问地址和页面行为不变
- 在代理约定中补充文件名称使用小写英文加横线的规范

验证：pnpm build、pnpm lint 和暂存区空白检查均通过。

1 files changed, 19 insertions, 0 deletions

diff --git a/src/page-about.tsx b/src/page-about.tsx
new file mode 100644
index 0000000..21b4c1e
--- /dev/null
+++ b/src/page-about.tsx
@@ -0,0 +1,19 @@
+import { ActionIcon, Button, Group, Stack, Text, Title } from '@mantine/core'
+import { SlidersHorizontalIcon } from '@phosphor-icons/react'
+
+function About() {
+  return (
+    <Stack>
+      <Title order={1}>关于</Title>
+      <Text c="dimmed">A React + TypeScript starter built with Vite.</Text>
+      <Group gap="xs">
+        <Button variant="filled">Button</Button>
+        <ActionIcon variant="filled" aria-label="Settings">
+          <SlidersHorizontalIcon />
+        </ActionIcon>
+      </Group>
+    </Stack>
+  )
+}
+
+export default About