chore: use scale instead of height for slot status animation

Author: asuzuki-jumptrading

src/features/Navigation/slotsRenderer.module.css

@@ -138,7 +138,9 @@
 
     .slot-status-progress {
       width: 100%;
-      height: 0;
+      height: 100%;
+      transform-origin: bottom;
+      will-change: transform;
       animation: fillProgress var(--slot-duration) ease-in-out forwards;
       background-color: var(--slot-status-blue);
     }
@@ -159,10 +161,10 @@
 
 @keyframes fillProgress {
   from {
-    height: 0;
+    transform: scaleY(0);
   }
   to {
-    height: 100%;
+    transform: scaleY(1);
   }
 }