feat: 添加内置回放界面和错误修复

entrypoints/popup/App.tsx

@@ -1,8 +1,10 @@
 // App.js
 import { HashRouter as Router, Routes, Route } from 'react-router-dom';
 import TimestampPage from './pages/TimestampPage';
-import RecordeReplayPage from './pages/RecordeReplayPage';
+import RecordReplayPage from './pages/RecordReplayPage';
 import TestPage from './pages/TestPage';
+import ReplayListPage from './pages/ReplayListPage';
+import ReplayPlayerPage from './pages/ReplayPlayerPage';
 import Navbar from '../../components/Navbar';
 import RoutePersistence from '../../components/RoutePersistence';
 import './App.css';
@@ -11,7 +13,8 @@ import './App.css';
 const navItems = [
   { path: '/test', label: '测试页面', element: <TestPage /> },
   { path: '/', label: '时间戳', element: <TimestampPage /> },
-  { path: '/recorde-replay', label: '录制与回放', element: <RecordeReplayPage /> },
+  { path: '/record-replay', label: '录制', element: <RecordReplayPage /> },
+  { path: '/replay-list', label: '历史回放', element: <ReplayListPage /> },
 ];
 
 function App() {
@@ -25,6 +28,7 @@ function App() {
           {navItems.map((item) => (
             <Route key={item.path} path={item.path} element={item.element} />
           ))}
+          <Route path="/replay/:id" element={<ReplayPlayerPage />} />
         </Routes>
       </div>
     </Router>