Refactor logging components and styles; remove unused CSS; enhance log icon functionality

- Removed the random color generation function from ProductionCapacity component.
- Updated ThroughputSummary component to remove unused imports.
- Simplified LogList component by removing unnecessary icons and integrating GetLogIcon for log types.
- Enhanced LoggerContext to support a new "success" log type and optimized logger methods with useMemo.
- Adjusted SimulationPlayer to conditionally render analysis components.
- Deleted index.css and removed its import from index.tsx.
- Cleaned up builder module by removing unused imports and optimizing state management.
- Removed savedTheme from Ground component.
- Changed log message from info to warning in Project component.
- Updated log color variables in SCSS files for better visibility and consistency.
- Added new log icons for success, error, info, and warning in LogIcons component.
- Created GetLogIcon utility to streamline log icon rendering based on log type.

app/src/components/ui/log/LogList.tsx

@@ -1,34 +1,15 @@
 // LogList.tsx
 import React, { useState } from "react";
-import {
-  LogListIcon,
-  LogInfoIcon,
-  WarningIcon,
-  ErrorIcon,
-  CloseIcon,
-} from "../../icons/ExportCommonIcons"; // Adjust path as needed
+import { LogListIcon, CloseIcon } from "../../icons/ExportCommonIcons"; // Adjust path as needed
 import { useLogger } from "./LoggerContext";
+import { GetLogIcon } from "../../footer/getLogIcons";
 
 const LogList: React.FC = () => {
   const { logs, clear, setIsLogListVisible } = useLogger();
   const [selectedTab, setSelectedTab] = useState<
-    "all" | "info" | "warning" | "error" | "log"
+    "all" | "info" | "warning" | "error" | "log" | "success"
   >("all");
 
-  const getLogIcon = (type: string) => {
-    switch (type) {
-      case "info":
-        return <LogInfoIcon />;
-      case "error":
-        return <ErrorIcon />;
-      case "warning":
-        return <WarningIcon />;
-      case "log":
-      default:
-        return <LogInfoIcon />;
-    }
-  };
-
   const formatTimestamp = (date: Date) => new Date(date).toLocaleTimeString();
 
   const filteredLogs =
@@ -55,7 +36,11 @@ const LogList: React.FC = () => {
             </div>
             <div className="head">Log List</div>
           </div>
-          <button className="close" onClick={() => setIsLogListVisible(false)}>
+          <button
+            title="close-btn"
+            className="close"
+            onClick={() => setIsLogListVisible(false)}
+          >
             <CloseIcon />
           </button>
         </div>
@@ -63,13 +48,14 @@ const LogList: React.FC = () => {
         {/* Tabs */}
         <div className="log-nav-wrapper">
           {["all", "info", "warning", "error"].map((type) => (
-            <div
+            <button
+              title="log-type"
               key={type}
               className={`log-nav ${selectedTab === type ? "active" : ""}`}
               onClick={() => setSelectedTab(type as any)}
             >
               {`${type.charAt(0).toUpperCase() + type.slice(1)} Logs`}
-            </div>
+            </button>
           ))}
         </div>
 
@@ -77,7 +63,7 @@ const LogList: React.FC = () => {
         <div className="log-entry-wrapper">
           {filteredLogs.map((log) => (
             <div key={log.id} className={`log-entry ${log.type}`}>
-              <div className="log-icon">{getLogIcon(log.type)}</div>
+              <div className="log-icon">{GetLogIcon(log.type)}</div>
               <div className="log-entry-message-container">
                 <div className="log-entry-message">{log.message}</div>
                 <div className="message-time">