Refactor input styles, implement 3D toggle state management, and enhance FileMenu with dropdown options

app/src/pages/Project.tsx

@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
 import ModuleToggle from "../components/ui/ModuleToggle";
 import SideBarLeft from "../components/layout/sidebarLeft/SideBarLeft";
 import SideBarRight from "../components/layout/sidebarRight/SideBarRight";
-import useModuleStore from "../store/useModuleStore";
+import useModuleStore, { useThreeDStore } from "../store/useModuleStore";
 import RealTimeVisulization from "../components/ui/componets/RealTimeVisulization";
 import Tools from "../components/ui/Tools";
 // import Scene from "../modules/scene/scene";
@@ -49,14 +49,14 @@ const Project: React.FC = () => {
     }
   }, []);
   const { isPlaying } = usePlayButtonStore();
+  const { toggleThreeD } = useThreeDStore();
 
   return (
     <div className="project-main">
       {loadingProgress && <LoadingPage progress={loadingProgress} />}
       {!isPlaying && (
         <>
-          <ModuleToggle />
-          <ModuleToggle />
+          {toggleThreeD && <ModuleToggle />}
           <SideBarLeft />
           <SideBarRight />
         </>