fix:优化整个大屏界面

src/pages/Dashboard.tsx

@@ -1,17 +1,20 @@
 import { useEffect } from 'react'
 import { HeaderPanel } from '@/components/HeaderPanel'
+import { TimelinePanel } from '@/components/TimelinePanel'
 import { ForcePanel } from '@/components/ForcePanel'
 import { WarMap } from '@/components/WarMap'
 import { CombatLossesPanel } from '@/components/CombatLossesPanel'
+import { EventTimelinePanel } from '@/components/EventTimelinePanel'
 import { BaseStatusPanel } from '@/components/BaseStatusPanel'
 import { PowerChart } from '@/components/PowerChart'
 import { InvestmentTrendChart } from '@/components/InvestmentTrendChart'
 import { RetaliationGauge } from '@/components/RetaliationGauge'
 import { useSituationStore } from '@/store/situationStore'
+import { useReplaySituation } from '@/hooks/useReplaySituation'
 import { fetchAndSetSituation, startSituationWebSocket, stopSituationWebSocket } from '@/store/situationStore'
 
 export function Dashboard() {
-  const situation = useSituationStore((s) => s.situation)
+  const situation = useReplaySituation()
   const isLoading = useSituationStore((s) => s.isLoading)
   const lastError = useSituationStore((s) => s.lastError)
 
@@ -28,6 +31,7 @@ export function Dashboard() {
         </div>
       )}
       <HeaderPanel />
+      <TimelinePanel />
 
       <div className="flex min-h-0 flex-1 flex-col overflow-auto lg:flex-row lg:overflow-hidden">
         <aside className="flex min-h-0 min-w-0 shrink-0 flex-col gap-2 overflow-y-auto overflow-x-visible border-b border-military-border p-3 lg:min-w-[320px] lg:max-w-[340px] lg:border-b-0 lg:border-r lg:p-4">
@@ -63,8 +67,10 @@ export function Dashboard() {
             <CombatLossesPanel
               usLosses={situation.usForces.combatLosses}
               iranLosses={situation.iranForces.combatLosses}
-              className="min-w-0 flex-1 border-t-0"
+              conflictStats={situation.conflictStats}
+              className="min-w-0 flex-1 py-1"
             />
+            <EventTimelinePanel updates={situation.recentUpdates} conflictEvents={situation.conflictEvents} className="min-w-0 shrink-0 min-h-[80px] overflow-hidden lg:min-w-[240px]" />
           </div>
         </main>