feat: 更新项目依赖并重构样式管理

- 添加 React Router 和 Tailwind CSS 依赖
- 移除旧的 CSS 文件，改用模块化样式
- 更新 lint-staged 配置以跳过 CSS 文件
- 重构 App 组件以使用新的导航和样式

.cursorrules

@@ -27,3 +27,24 @@ fix: 修复 TypeScript 配置文件中的 lint 错误
 - 移除不存在的 noUncheckedSideEffectImports 选项
 ```
 
+React 项目工程化结构
+```
+src/
+├── assets/             # 静态资源 (images, fonts, global svgs)
+├── api/                # API 请求定义 (推荐用 Axios 或 React Query 封装)
+├── components/         # 复用 UI 组件
+│   ├── common/         # 原子级基础组件 (Button, Input, Modal)
+│   ├── business/       # 业务逻辑组件 (UserCard, OrderList)
+│   └── layout/         # 页面框架组件 (Header, Sidebar)
+├── constants/          # 常量定义 (Enums, Configs)
+├── hooks/              # 自定义全局 Hooks (useAuth, useLocalStorage)
+├── pages/              # 页面级组件 (路由对应)
+│   └── Home/
+│       ├── index.tsx   # 页面主入口
+│       ├── components/ # 页面私有组件 (不对外复用)
+│       └── hooks.ts    # 页面私有逻辑
+├── store/              # 状态管理 (Zustand, Redux, 或 Context)
+├── styles/             # 全局样式 (Variables, Theme, Reset)
+├── types/              # 全局 TypeScript 类型定义 (.d.ts)
+└── utils/              # 工具函数 (date, format, validator)
+```