adding market place

app/src/pages/Project.tsx

@@ -17,6 +17,7 @@ import {
 import { useNavigate } from "react-router-dom";
 import { usePlayButtonStore } from "../store/usePlayButtonStore";
 import SimulationUI from "../modules/simulation/simulationUI";
+import MarketPlace from "../modules/market/MarketPlace";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
@@ -49,11 +50,11 @@ const Project: React.FC = () => {
 
   return (
     <div className="project-main">
-      <ModuleToggle />
-
+      {!isPlaying && <ModuleToggle />}
       {!isPlaying && <SideBarLeft />}
       {!isPlaying && <SideBarRight />}
       {activeModule === "visualization" && <RealTimeVisulization />}
+      {activeModule === "market" && <MarketPlace />}
       {/* {activeModule !== "visualization" && <Scene />} */}
       <Tools />
 
@@ -63,7 +64,9 @@ const Project: React.FC = () => {
         className="canvas-container"
         style={{ height: "100vh", width: "100vw" }}
       >
-        {activeModule !== "visualization" && <Scene />}
+        {activeModule !== "visualization" && activeModule !== "market" && (
+          <Scene />
+        )}
       </div>
     </div>
   );