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;