fix: 优化数据

src/components/HeaderPanel.tsx

@@ -1,9 +1,10 @@
 import { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
 import { StatCard } from './StatCard'
 import { useSituationStore } from '@/store/situationStore'
 import { useReplaySituation } from '@/hooks/useReplaySituation'
 import { usePlaybackStore } from '@/store/playbackStore'
-import { Wifi, WifiOff, Clock } from 'lucide-react'
+import { Wifi, WifiOff, Clock, Database } from 'lucide-react'
 
 export function HeaderPanel() {
   const situation = useReplaySituation()
@@ -58,7 +59,14 @@ export function HeaderPanel() {
           )}
         </div>
       </div>
-      <div className="flex shrink-0 items-center gap-2">
+      <div className="flex shrink-0 items-center gap-3">
+        <Link
+          to="/db"
+          className="flex items-center gap-1 rounded border border-military-border px-2 py-1 text-[10px] text-military-text-secondary hover:bg-military-border/30 hover:text-cyan-400"
+        >
+          <Database className="h-3 w-3" />
+          数据库
+        </Link>
         {isConnected ? (
           <>
             <Wifi className="h-3.5 w-3.5 text-green-500" />