added logs list

app/src/pages/Project.tsx

@@ -25,6 +25,10 @@ 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";
+import Footer from "../components/ui/footer/Footer";
+import RenderOverlay from "../components/templates/Overlay";
+import LogList from "../components/ui/log/LogList";
+import { useLogger } from "../components/ui/log/LoggerContext";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();
@@ -58,6 +62,7 @@ const Project: React.FC = () => {
   const { isPlaying } = usePlayButtonStore();
   const { toggleThreeD } = useThreeDStore();
   const { selectedUser } = useSelectedUserStore();
+  const { isLogListVisible } = useLogger();
 
   return (
     <div className="project-main">
@@ -69,7 +74,7 @@ const Project: React.FC = () => {
         <ROISummary />
       </div> */}
       <KeyPressListener />
-      {loadingProgress > 0 && <LoadingPage progress={loadingProgress} />}
+      {/* {loadingProgress > 0 && <LoadingPage progress={loadingProgress} />} */}
       {!isPlaying && (
         <>
           {toggleThreeD && <ModuleToggle />}
@@ -85,7 +90,13 @@ const Project: React.FC = () => {
       {activeModule !== "market" && <Tools />}
       {isPlaying && activeModule === "simulation" && <SimulationPlayer />}
       {/* {<SimulationPlayer />} */}
+      {isLogListVisible && (
+        <RenderOverlay>
+          <LogList />
+        </RenderOverlay>
+      )}
       {selectedUser && <FollowPerson />}
+      <Footer />
     </div>
   );
 };