Added Loading Screen, Integerated events ui

app/src/pages/Project.tsx

@@ -5,7 +5,7 @@ import SideBarRight from "../components/layout/sidebarRight/SideBarRight";
 import useModuleStore from "../store/useModuleStore";
 import RealTimeVisulization from "../components/ui/componets/RealTimeVisulization";
 import Tools from "../components/ui/Tools";
-import Scene from "../modules/scene/scene";
+// import Scene from "../modules/scene/scene";
 import {
   useSocketStore,
   useFloorItems,
@@ -13,14 +13,16 @@ import {
   useUserName,
   useWallItems,
   useZones,
+  useLoadingProgress,
 } from "../store/store";
 import { useNavigate } from "react-router-dom";
-import SimulationUI from "../modules/simulation/simulationUI";
+// import SimulationUI from "../modules/simulation/simulationUI";
+import LoadingPage from "../components/templates/LoadingPage";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
   const { activeModule } = useModuleStore();
-
+  const { loadingProgress, setLoadingProgress } = useLoadingProgress();
   const { setUserName } = useUserName();
   const { setOrganization } = useOrganization();
   const { setFloorItems } = useFloorItems();
@@ -47,16 +49,13 @@ const Project: React.FC = () => {
 
   return (
     <div className="project-main">
+      {loadingProgress && <LoadingPage progress={loadingProgress} />}
       <ModuleToggle />
       <SideBarLeft />
       <SideBarRight />
       <RealTimeVisulization />
       {activeModule !== "market" && <Tools />}
       {/* <SimulationUI /> */}
-      <div
-        className="canvas-container"
-        style={{ height: "100vh", width: "100vw" }}
-      ></div>
     </div>
   );
 };