refactor：

1、添加全局toast
2、将CopyButton拆分为useCopy hook

entrypoints/popup/App.tsx

@@ -1,5 +1,8 @@
 // App.js
 import { HashRouter as Router, Routes, Route } from 'react-router-dom';
+import { ThemeProvider, createTheme } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+import { SnackbarProvider } from 'notistack';
 import TimestampPage from './pages/TimestampPage';
 import RecordeReplayPage from './pages/RecordeReplayPage';
 import Navbar from './components/Navbar';
@@ -13,19 +16,23 @@ const navItems = [
   { path: '/recorde-replay', label: '录制与回放', element: <RecordeReplayPage /> },
 ];
 
+const theme = createTheme();
+
 function App() {
   return (
     <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
       <RoutePersistence />
-      <div className="app">
-        <Navbar items={navItems} />
-
-        <Routes>
-          {navItems.map((item) => (
-            <Route key={item.path} path={item.path} element={item.element} />
-          ))}
-        </Routes>
-      </div>
+      <ThemeProvider theme={theme}>
+        <CssBaseline />
+        <SnackbarProvider maxSnack={3} anchorOrigin={{ vertical: 'top', horizontal: 'center' }}>
+          <Navbar items={navItems} />
+          <Routes>
+            {navItems.map((item) => (
+              <Route key={item.path} path={item.path} element={item.element} />
+            ))}
+          </Routes>
+        </SnackbarProvider>
+      </ThemeProvider>
     </Router>
   );
 }