fix: spinner animation

public/scripts/components/FirmwareUploadComponent.js

@@ -447,8 +447,7 @@ class FirmwareUploadComponent extends Component {
             <div class="overlay-content">
                 <div class="overlay-spinner">
                     <svg class="spinner" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20z"/>
-                        <path d="M12 2a10 10 0 0 1 10 10"/>
+                        <circle cx="12" cy="12" r="10"/>
                     </svg>
                 </div>
                 <div class="overlay-text">Firmware upload in progress...</div>

public/styles/main.css

@@ -4184,7 +4184,28 @@ select.param-input:focus {
     width: 48px;
     height: 48px;
     color: var(--accent-primary);
-    animation: spin 1s linear infinite;
+}
+
+.overlay-spinner .spinner circle {
+    animation: pulse 1.5s ease-in-out infinite;
+    stroke-dasharray: none;
+    stroke-dashoffset: 0;
+    transform-origin: center;
+}
+
+@keyframes pulse {
+    0% {
+        opacity: 0.3;
+        transform: scale(0.6);
+    }
+    50% {
+        opacity: 1;
+        transform: scale(1.0);
+    }
+    100% {
+        opacity: 0.3;
+        transform: scale(0.6);
+    }
 }
 
 .overlay-text {