refactor: Update icon imports and improve UI components; enhance styles for better layout and responsiveness; modify event properties and simulation player functionality

app/src/styles/components/simulation/simulation.scss

@@ -32,10 +32,17 @@
     }
 
     .controls-container {
-      @include flex-center;
+      @include flex-space-between;
       gap: 12px;
       justify-content: space-between;
-
+      .header{
+        @include flex-center;
+        gap: 6px;
+        padding: 0 8px;
+        svg{
+          scale: 1.3;
+        }
+      }
       .production-details,
       .controls-wrapper {
         @include flex-center;
@@ -72,7 +79,7 @@
 
       .expand-icon-container {
         @include flex-center;
-        padding: 6px 8px;
+        padding: 0 8px;
         cursor: pointer;
       }
 

app/src/styles/components/tools.scss

@@ -124,6 +124,8 @@
     padding: 4px;
     border-radius: #{$border-radius-medium};
     background: var(--background-color);
+    outline: 1px solid var(--border-color);
+    outline-offset: -1px;
     gap: 5px;
     position: relative;