refactor(layout): 优化网页布局和路由设置

- 更新 logo显示方式，使用 import 代替直接引用
- 将 BrowserRouter 替换为 HashRouter，以适应前端路由
- 在项目中添加 logo.svg 文件，统一 logo 资源
- 调整 vite.config.ts，设置 base 为 './' 以优化构建

BillNote_frontend/src/pages/SettingPage/about.tsx

@@ -4,6 +4,7 @@ import { Card, CardContent } from '@/components/ui/card'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { Github, Star, ExternalLink, Download } from 'lucide-react'
 import { ScrollArea } from '@/components/ui/scroll-area.tsx'
+import logo from '@/assets/icon.svg'
 
 export default function AboutPage() {
   const images = [
@@ -19,7 +20,7 @@ export default function AboutPage() {
         <div className="mb-16 flex flex-col items-center justify-center text-center">
           <div className="mb-4 flex items-center gap-4">
             <img
-              src="/public/icon.svg"
+              src={logo}
               alt="BiliNote Logo"
               width={50}
               height={50}