style: change quickstatus when pending

src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.html

+<mat-icon *ngIf="classes === PENDING"
+          class="icon"
+>autorenew
+</mat-icon>

src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.scss

@@ -2,6 +2,11 @@
 
 $size: 20px;
 :host {
+  .icon {
+    font-size: $size;
+    color: $white;
+  }
+
   width: $size;
   height: $size;
   background-color: $medium-light-grey;
@@ -26,20 +31,17 @@ $size: 20px;
   }
 
   &.pending {
-    animation-name: blink;
+    animation-name: rotate;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
 
-    @keyframes blink {
+    @keyframes rotate {
       from {
-        opacity: 1;
-      }
-      50% {
-        opacity: 0;
+        transform: rotate(0deg);
       }
       to {
-        opacity: 1;
+        transform: rotate(360deg);
       }
     }
   }

src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.ts

@@ -32,6 +32,8 @@ export class SharedDatafileQuickStatusPresentational extends SharedAbstractPrese
   @HostBinding("class")
   classes: string;
 
+  readonly PENDING: string = "pending";
+
   getColor(): string {
     switch (this.value) {
       case DataFileStatusEnum.READY:
@@ -51,7 +53,7 @@ export class SharedDatafileQuickStatusPresentational extends SharedAbstractPrese
         return "cleaned";
       default:
         this.toolipToTranslate = TRANSLATE("dataFileQuickStatus.pending");
-        return "pending";
+        return this.PENDING;
     }
   }
 }