refactor: Reintroduce Footer component with updated log handling; remove unused layouts styles

app/src/components/footer/Footer.tsx

@@ -1,11 +1,11 @@
 import React from "react";
-import { HelpIcon } from "../../icons/DashboardIcon";
-import { useLogger } from "../log/LoggerContext";
+import { HelpIcon } from "../icons/DashboardIcon";
 import {
   LogInfoIcon,
   ErrorIcon,
   WarningIcon,
-} from "../../icons/ExportCommonIcons"; // Adjust path as needed
+} from "../icons/ExportCommonIcons"; // Adjust path as needed
+import { useLogger } from "../ui/log/LoggerContext";
 
 const getLogIcon = (type: string) => {
   switch (type) {
@@ -21,7 +21,7 @@ const getLogIcon = (type: string) => {
   }
 };
 
-const Footer = () => {
+const Footer: React.FC = () => {
   const { logs, setIsLogListVisible } = useLogger();
   const lastLog = logs.length > 0 ? logs[logs.length - 1] : null;
 

app/src/pages/Project.tsx

@@ -28,9 +28,9 @@ import { createHandleDrop } from "../modules/visualization/functions/handleUiDro
 import { useSelectedZoneStore } from "../store/visualization/useZoneStore";
 import { useFloatingWidget } from "../store/visualization/useDroppedObjectsStore";
 import { useLogger } from "../components/ui/log/LoggerContext";
-import Footer from "../components/ui/footer/Footer";
 import RenderOverlay from "../components/templates/Overlay";
 import LogList from "../components/ui/log/LogList";
+import Footer from "../components/footer/Footer";
 
 const Project: React.FC = () => {
   let navigate = useNavigate();

app/src/styles/main.scss

@@ -13,7 +13,6 @@
 @use 'components/button';
 @use 'components/form';
 @use 'components/input';
-@use 'components/layouts';
 @use 'components/lists';
 @use 'components/moduleToggle';
 @use 'components/templates';