feat: 重构前端界面并修复认证路径

- 重构主页、关于页、演示页和帖子页的UI，使用现代化的卡片设计和布局
- 添加主题切换功能，支持亮色/暗色模式
- 修复后端认证路由路径，从`/api`改为`/api/auth`
- 更新页面标题为"HLAE中文站"
- 简化Providers组件，移除未使用的主题配置
- 添加Hero组件展示网站主标题和操作按钮
- 优化登录和注册页面的表单验证和UI
- 更新全局样式，添加品牌颜色和主题变量
- 改进导航栏，添加图标和更好的响应式设计
- 优化资源管理模态框，添加图标字段支持

web/src/app/demo/index.tsx

@@ -1,15 +1,26 @@
-import { Button } from "@heroui/react";
-import { Link, useNavigate } from "react-router";
+import { Button, Card } from "@heroui/react";
+import { useNavigate } from "react-router-dom";
 
 export default function DemoPage() {
   const navigate = useNavigate();
 
   return (
-    <div className="flex flex-col gap-3 py-16 max-w-3xl mx-auto">
-      <h1 className="text-2xl font-bold leading-loose">Demo Page</h1>
-      <button onClick={() => navigate("/")} className="p-3 rounded-lg bg-zinc-300 transition hover:scale-105 cursor-pointer">Back</button>
-      <Button color="primary" variant="flat" onPress={() => navigate("/")}>HeroUI Back</Button>
-      <Link to="/">Back</Link>
+    <div className="container mx-auto px-6 py-12 max-w-4xl">
+      <Card>
+        <Card.Header>
+          <Card.Title className="text-3xl font-bold">击杀生成 (Kill Generation)</Card.Title>
+        </Card.Header>
+        <Card.Content>
+          <p className="text-default-500 mb-4">
+            这里是击杀生成工具页面。目前正在开发中，敬请期待！
+          </p>
+        </Card.Content>
+        <Card.Footer>
+          <Button onPress={() => navigate("/")}>
+            返回首页
+          </Button>
+        </Card.Footer>
+      </Card>
     </div>
-  )
+  );
 }