Fix sync progress bar animation

.build_number

@@ -1 +1 @@
-2601261358
+261261420

frontend/app/globals.css

@@ -1326,6 +1326,17 @@ button span {
 
 .progress-indeterminate .progress-fill {
   position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+  background: linear-gradient(
+    90deg,
+    rgba(255, 255, 255, 0),
+    var(--accent-2),
+    var(--accent-3),
+    rgba(255, 255, 255, 0)
+  );
+  background-size: 200% 100%;
   animation: progress-indeterminate 1.6s ease-in-out infinite;
 }
 
@@ -1509,13 +1520,10 @@ button span {
 
 @keyframes progress-indeterminate {
   0% {
-    transform: translateX(-50%);
-  }
-  50% {
-    transform: translateX(120%);
+    background-position: 200% 0;
   }
   100% {
-    transform: translateX(-50%);
+    background-position: -200% 0;
   }
 }