重写基础骨架组件：用纯 Tailwind CSS 替换 MUI Box 组件

entrypoints/sidepanel/App.tsx

@@ -5,7 +5,6 @@ import RouterContainer from '@/components/RouterContainer';
 import ErrorBoundary from '@/components/ErrorBoundary';
 import { SnackbarProvider } from '@/components/GlobalSnackbar';
 import { MessageAction, sendMessage } from '@/utils/messages';
-import { Box } from '@mui/material';
 
 export default function App() {
   const handleOpenOptions = () => {
@@ -14,11 +13,9 @@ export default function App() {
     });
   };
 
-  // 通知侧边栏已打开
   useEffect(() => {
     sendMessage(MessageAction.SIDE_PANEL_STATE_CHANGED, { isOpen: true });
     return () => {
-      // 尝试在关闭时通知，虽然在某些情况下可能无法成功发送
       sendMessage(MessageAction.SIDE_PANEL_STATE_CHANGED, { isOpen: false });
     };
   }, []);
@@ -26,21 +23,12 @@ export default function App() {
   return (
     <RouterProvider defaultRoute="dashboard" syncKey="app/sidepanelRoute">
       <SnackbarProvider initialOptions={{ autoHideDuration: 1500 }}>
-        <Box
-          className="app"
-          sx={{
-            display: 'flex',
-            flexDirection: 'column',
-            height: '100vh',
-            width: '100%',
-            overflow: 'hidden',
-          }}
-        >
+        <div className="app flex flex-col h-screen w-full overflow-hidden">
           <TopBar onOpenOptions={handleOpenOptions} />
           <ErrorBoundary>
             <RouterContainer />
           </ErrorBoundary>
-        </Box>
+        </div>
       </SnackbarProvider>
     </RouterProvider>
   );