Fix misaligned in-progress status indicator

The spinning ring SVG uses viewBox="-256 -256 512 512" (centered at 0,0).
With transform-origin: 0 0 and transform-box: view-box, the animation
origin resolves to the top-left corner (-256,-256) of the viewBox instead
of its center, causing the ring to wobble irregularly.

Changing transform-origin to center fixes the issue by rotating around
the geometric center of the viewBox.

Fixes JENKINS-71978

Author: hharshhsaini

src/main/scss/base/_style.scss

@@ -606,7 +606,7 @@ table.progress-bar.red td.progress-bar-done {
 
 [data-symbol-animation] {
   animation: spin 1s linear infinite;
-  transform-origin: 0 0;
+  transform-origin: center;
 
   @media (prefers-reduced-motion) {
     animation-duration: 3s;

src/main/scss/components/_icons.scss

@@ -113,6 +113,8 @@
 .icon-nobuilt-anime .build-status-icon__outer {
   .svg-icon {
     animation: spin 1.7s linear infinite;
+    transform-origin: center;
+    transform-box: view-box;
   }
 }