updated realTime vis panel smooth transition

app/src/pages/Project.tsx

@@ -22,6 +22,9 @@ import SimulationPlayer from "../components/ui/simulation/simulationPlayer";
 import KeyPressListener from "../utils/shortcutkeys/handleShortcutKeys";
 import { useSelectedUserStore } from "../store/useCollabStore";
 import FollowPerson from "../components/templates/FollowPerson";
+import ProductionCapacity from "../components/ui/analysis/ProductionCapacity";
+import ThroughputSummary from "../components/ui/analysis/ThroughputSummary";
+import ROISummary from "../components/ui/analysis/ROISummary";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
@@ -59,8 +62,10 @@ const Project: React.FC = () => {
   return (
     <div className="project-main">
       {/* <div className="analysis">
-        <ProductionCapacity />
-        <ThroughputSummary />
+        <div className="analysis-wrapper">
+          <ProductionCapacity />
+          <ThroughputSummary />
+        </div>
         <ROISummary />
       </div> */}
       <KeyPressListener />
@@ -79,6 +84,7 @@ const Project: React.FC = () => {
       <RealTimeVisulization />
       {activeModule !== "market" && <Tools />}
       {isPlaying && activeModule === "simulation" && <SimulationPlayer />}
+      {/* {<SimulationPlayer />} */}
       {selectedUser && <FollowPerson />}
     </div>
   );