Merge remote-tracking branch 'origin/main' into simulation

app/src/pages/Project.tsx

@@ -17,9 +17,9 @@ import {
 } from "../store/store";
 import { useNavigate } from "react-router-dom";
 import { usePlayButtonStore } from "../store/usePlayButtonStore";
-import SimulationUI from "../modules/simulation/simulationUI";
 import MarketPlace from "../modules/market/MarketPlace";
 import LoadingPage from "../components/templates/LoadingPage";
+import SimulationPlayer from "../components/ui/simulation/simulationPlayer";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
@@ -65,6 +65,7 @@ const Project: React.FC = () => {
       <RealTimeVisulization />
       {activeModule !== "market" && <Tools />}
       {/* <SimulationUI /> */}
+      {isPlaying && activeModule === "simulation" && <SimulationPlayer />}
     </div>
   );
 };