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/styles/components/logs/logs.scss

@@ -5,14 +5,11 @@
   width: 100vw;
   height: 100vh;
   background: var(--background-color-secondary);
+  @include flex-center;
 
   .log-list-wrapper {
-    height: 50%;
-    min-width: 50%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+    height: 60%;
+    min-width: 55%;
     z-index: 5;
     background: var(--background-color);
     padding: 14px 12px;
@@ -31,6 +28,10 @@
         display: flex;
         align-items: center;
         gap: 6px;
+        .icon{
+          @include flex-center;
+          scale: .8;
+        }
       }
 
       .close {
@@ -38,9 +39,13 @@
         height: 28px;
         width: 28px;
         cursor: pointer;
+        border-radius: #{$border-radius-medium};
         svg {
           scale: 1.6;
         }
+        &:hover{
+          background: var(--background-color);
+        }
       }
     }
 
@@ -60,25 +65,26 @@
     }
 
     .log-entry-wrapper {
-      height: 100%;
+      height: calc(100% - 80px);
       display: flex;
       flex-direction: column;
       gap: 4px;
       background: var(--background-color);
-      padding: 18px 10px;
+      padding: 10px;
       border-radius: 16px;
       outline: 1px solid var(--border-color);
       outline-offset: -1px;
+      overflow: auto;
 
       .log-entry {
         padding: 4px;
         border-radius: 4px;
         font-size: var(--font-size-small);
         display: flex;
-        align-items: center;
-        gap: 6px;
 
         .log-icon {
+          height: 24px;
+          width: 24px;
           @include flex-center;
         }
         .log-entry-message-container {
@@ -90,6 +96,7 @@
             font-weight: 300;
             opacity: 0.8;
             text-wrap: nowrap;
+            height: 100%;
           }
           .log-entry-message{
             width: 100%;