Remove music player and related context/hooks

Deleted the audio player component, songs context, and use-music hook, along with all related code and configuration. Updated affected components and pages to remove music player dependencies and UI. Also improved sidebar, background, and about page UI, and refactored site config icons to use react-icons.

packages/napcat-webui-frontend/src/config/site.tsx

@@ -1,107 +1,72 @@
 import {
-  BugIcon2,
-  FileIcon,
-  InfoIcon,
-  LogIcon,
-  RouteIcon,
-  SettingsIcon,
-  SignalTowerIcon,
-  TerminalIcon,
-} from '@/components/icons';
+  LuActivity,
+  LuFileText,
+  LuFolderOpen,
+  LuInfo,
+  LuLayoutDashboard,
+  LuSettings,
+  LuSignal,
+  LuTerminal,
+  LuZap,
+} from 'react-icons/lu';
 
 export type SiteConfig = typeof siteConfig;
 export interface MenuItem {
-  label: string
-  icon?: React.ReactNode
-  autoOpen?: boolean
-  href?: string
-  items?: MenuItem[]
-  customIcon?: string
+  label: string;
+  icon?: React.ReactNode;
+  autoOpen?: boolean;
+  href?: string;
+  items?: MenuItem[];
+  customIcon?: string;
 }
 
 export const siteConfig = {
-  name: 'NapCat WebUI',
+  name: 'NapCat',
   description: 'NapCat WebUI.',
   navItems: [
     {
       label: '基础信息',
-      icon: (
-        <div className='w-5 h-5'>
-          <RouteIcon />
-        </div>
-      ),
+      icon: <LuLayoutDashboard className='w-5 h-5' />,
       href: '/',
     },
     {
       label: '网络配置',
-      icon: (
-        <div className='w-5 h-5'>
-          <SignalTowerIcon />
-        </div>
-      ),
+      icon: <LuSignal className='w-5 h-5' />,
       href: '/network',
     },
     {
       label: '其他配置',
-      icon: (
-        <div className='w-5 h-5'>
-          <SettingsIcon />
-        </div>
-      ),
+      icon: <LuSettings className='w-5 h-5' />,
       href: '/config',
     },
     {
       label: '猫猫日志',
-      icon: (
-        <div className='w-5 h-5'>
-          <LogIcon />
-        </div>
-      ),
+      icon: <LuFileText className='w-5 h-5' />,
       href: '/logs',
     },
     {
       label: '接口调试',
-      icon: (
-        <div className='w-5 h-5'>
-          <BugIcon2 />
-        </div>
-      ),
-      items: [
-        {
-          label: 'HTTP',
-          href: '/debug/http',
-        },
-        {
-          label: 'Websocket',
-          href: '/debug/ws',
-        },
-      ],
+      icon: <LuActivity className='w-5 h-5' />,
+      href: '/debug/http',
+    },
+    {
+      label: '实时调试',
+      icon: <LuZap className='w-5 h-5' />,
+      href: '/debug/ws',
     },
     {
       label: '文件管理',
-      icon: (
-        <div className='w-5 h-5'>
-          <FileIcon />
-        </div>
-      ),
+      icon: <LuFolderOpen className='w-5 h-5' />,
       href: '/file_manager',
     },
     {
       label: '系统终端',
-      icon: (
-        <div className='w-5 h-5'>
-          <TerminalIcon />
-        </div>
-      ),
+      icon: <LuTerminal className='w-5 h-5' />,
       href: '/terminal',
     },
     {
       label: '关于我们',
-      icon: (
-        <div className='w-5 h-5'>
-          <InfoIcon />
-        </div>
-      ),
+      icon: <LuInfo className='w-5 h-5' />,
       href: '/about',
     },
   ] as MenuItem[],