fix: update the progress loader

client/src/components/helpers/Loader.js

@@ -7,7 +7,7 @@ import './loader.css';
 function Loader({ fullScreen }) {
   return (
     <div className={fullScreen ? 'full-screen-wrapper' : ''}>
-      <Spinner name='ball-clip-rotate-multiple' />
+      <Spinner name='line-scale-pulse-out' />
     </div>
   );
 }

client/src/components/helpers/__snapshots__/Loader.test.js.snap

@@ -5,10 +5,13 @@ exports[`<Loader /> matches the fullScreen render snapshot 1`] = `
   class="full-screen-wrapper"
 >
   <div
-    class="sk-fade-in sk-spinner ball-clip-rotate-multiple"
+    class="sk-fade-in sk-spinner line-scale-pulse-out"
   >
     <div />
     <div />
+    <div />
+    <div />
+    <div />
   </div>
 </div>
 `;
@@ -18,10 +21,13 @@ exports[`<Loader /> matches to the default render snapshot 1`] = `
   class=""
 >
   <div
-    class="sk-fade-in sk-spinner ball-clip-rotate-multiple"
+    class="sk-fade-in sk-spinner line-scale-pulse-out"
   >
     <div />
     <div />
+    <div />
+    <div />
+    <div />
   </div>
 </div>
 `;

client/src/components/helpers/loader.css

@@ -7,6 +7,6 @@
 }
 
 .full-screen-wrapper .sk-spinner {
-  transform: scale(8);
+  transform: scale(2);
   color: #006400;
-}
+}