merged realTimeVisulaization with main

app/src/pages/Project.tsx

@@ -16,6 +16,7 @@ import {
 } from "../store/store";
 import { useNavigate } from "react-router-dom";
 import { usePlayButtonStore } from "../store/usePlayButtonStore";
+import SimulationUI from "../modules/simulation/simulationUI";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
@@ -53,10 +54,17 @@ const Project: React.FC = () => {
       {!isPlaying && <SideBarLeft />}
       {!isPlaying && <SideBarRight />}
       {activeModule === "visualization" && <RealTimeVisulization />}
-      {activeModule !== "visualization" && <Scene />}
+      {/* {activeModule !== "visualization" && <Scene />} */}
       <Tools />
 
       {/* <Scene /> */}
+      {/* <SimulationUI /> */}
+      <div
+        className="canvas-container"
+        style={{ height: "100vh", width: "100vw" }}
+      >
+        {activeModule !== "visualization" && <Scene />}
+      </div>
     </div>
   );
 };