feat: add Manager Dashboard and Device Terminal features

src/components/Theme/ThemeProvider.tsx

@@ -1,27 +1,14 @@
+import { useModel } from '@umijs/max';
 import { ConfigProvider, theme } from 'antd';
-import React, { useEffect, useState } from 'react';
-import { getTheme } from './ThemeSwitcher';
+import React from 'react';
 
 interface ThemeProviderProps {
   children: React.ReactNode;
 }
 
 const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
-  const [isDark, setIsDark] = useState(getTheme() === 'dark');
-
-  useEffect(() => {
-    const handleThemeChange = (e: CustomEvent) => {
-      setIsDark(e.detail.theme === 'dark');
-    };
-
-    window.addEventListener('theme-change', handleThemeChange as EventListener);
-    return () => {
-      window.removeEventListener(
-        'theme-change',
-        handleThemeChange as EventListener,
-      );
-    };
-  }, []);
+  const { initialState } = useModel('@@initialState');
+  const isDark = (initialState?.theme as 'light' | 'dark') === 'dark';
 
   return (
     <ConfigProvider