fix: 445bde2

src/App.tsx

@@ -7,14 +7,17 @@ import {
   useErrorModalListener,
   useSettingsModalListener,
 } from "@/hooks/useTauriEventListener";
+import { useAtom } from "jotai";
 import type { ErrorInfo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
+import { selectedMenuAtom } from "./atom/ui";
 import { useSettingsAtom } from "./atom/useSettingsAtom";
 import ErrorFallback from "./components/ErrorFallback";
 import { useDarkMode } from "./hooks/useDarkMode";
 import ScreenTemplate from "./template/ScreenTemplate";
 import Settings from "./template/Settings";
 import SideMenu from "./template/SideMenu";
+import type { SelectedMenuType } from "./types/ui";
 
 const onError = (error: Error, info: ErrorInfo) => {
   console.log("error.message", error.message);
@@ -61,7 +64,7 @@ const Page = () => {
     <ErrorBoundary FallbackComponent={ErrorFallback} onError={onError}>
       <div className="bg-slate-200 dark:bg-gray-900 text-gray-900 dark:text-white min-h-screen">
         <SideMenu />
-        {displayTargets[settings.state.display]}
+        {displayTargets[selectedMenu]}
       </div>
     </ErrorBoundary>
   );