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/layout/sidebar.scss

@@ -58,12 +58,8 @@
         fill: var(--icon-default-color-active);
       }
       &:hover {
-        rect {
-          stroke: var(--icon-default-color);
-        }
-        circle {
-          fill: var(--icon-default-color);
-        }
+        filter: saturate(0.8);
+        background: var(--background-color-accent);
       }
     }
   }
@@ -714,10 +710,10 @@
 
       .add-button {
         @include flex-center;
-        padding: 2px 4px;
+        padding: 4px 8px;
         background: var(--background-color-button);
         color: var(--text-button-color);
-        border-radius: #{$border-radius-small};
+        border-radius: #{$border-radius-large};
         cursor: pointer;
         outline: none;
         border: none;
@@ -832,10 +828,10 @@
           transform: translateX(4px);
 
           &:hover {
-            background: var(--accent-color);
+            background: var(--background-color-accent);
 
             path {
-              stroke: var(--primary-color);
+              stroke: var(--text-button-color);
             }
           }
         }
@@ -1003,10 +999,10 @@
         border-radius: 8px 0 0 8px;
 
         &:hover {
-          background: var(--accent-color);
+          background: var(--background-color-accent);
 
           path {
-            stroke: var(--primary-color);
+            stroke: var(--text-button-color);
           }
         }
       }
@@ -1067,7 +1063,13 @@
       .dropdown-content-container {
         padding: 6px 12px;
       }
-
+      .value-field-container {
+        padding: 6px;
+        .dropdown {
+          min-width: 44px;
+          text-align: center;
+        }
+      }
       .input-range-container {
         .input-container {
           width: 75%;