docker error fixed

app/src/components/ui/componets/RealTimeVisulization.tsx

@@ -4,6 +4,7 @@ import Panel from "./Panel";
 import AddButtons from "./AddButtons";
 import { useSelectedZoneStore } from "../../../store/useZoneStore";
 import DisplayZone from "./DisplayZone";
+import Scene from "../../../modules/scene/scene";
 
 type Side = "top" | "bottom" | "left" | "right";
 
@@ -79,6 +80,12 @@ const RealTimeVisulization: React.FC = () => {
         left: isPlaying ? "0%" : "",
       }}
     >
+      <div
+        className="scene-container"
+        style={{ height: "100%", width: "100%" }}
+      >
+        <Scene />
+      </div>
       <DisplayZone
         zonesData={zonesData}
         selectedZone={selectedZone}
@@ -100,4 +107,3 @@ const RealTimeVisulization: React.FC = () => {
 };
 
 export default RealTimeVisulization;
-

app/src/pages/Project.tsx

@@ -44,7 +44,7 @@ const Project: React.FC = () => {
       <SideBarRight />
       {activeModule === "visualization" && <RealTimeVisulization />}
       <Tools />
-      <Scene />
+      {activeModule !== "visualization" && <Scene />}
     </div>
   );
 };