fix(PREP): Fixed animation always running on admin panel

Strips are suspended while ilde and will animate when the loading animation is triggered.

Animations are saccaded when the browser is too busy updating the DOM with the fetched items

PPR banner.css

@@ -5,26 +5,26 @@ domain("ppr-admin.alkemics.com") {
         --color1: hsla(194, 71%, 30%, 1);
         --color2: hsla(194, 77%, 35%, 1);
         --duration: 1s;
-        --state: running;
+        --state: paused;
     }
     .AuthLayoutFooter,
     .Navbar.navbar.Navbar--PPR.bg-inverse {
-        background: repeating-linear-gradient(-45deg, hsla(194, 77%, 35%, 0) 25%, var(--color1) 50%, var(--color1) 75%);
-        background-color: var(--color2);
+        background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+        background-color: var(--color1);
         background-size: var(--stripe-size) var(--stripe-size);
         animation: alkegrad var(--duration) linear 0s infinite normal var(--state);
-        transition: background 200ms linear;
     }
     .AuthLayoutFooter {
         --stripe-size: 200px;
         --duration: 40s;
     }
-    .navbar:only-child {
-        --state: paused;
-        --color2: hsla(194, 71%, 30%, 1);
+    .PageTop>.navbar:not(:only-child) {
+        --state: running;
     }
     .PageTop>.Loader {
         visibility: hidden;
+        animation: none;
+        --state: paused;
     }
     @keyframes alkegrad {
         from {