style: add better message when no data in table

src/app/shared/components/presentationals/shared-data-table/shared-data-table.presentational.html

@@ -131,7 +131,8 @@
   <div *ngIf="isDatasPresent === false"
        class="no-datas"
   >
-    {{'table.nodata' | translate}}
+    <mat-icon class="icon">sentiment_dissatisfied</mat-icon>
+    <span class="message">{{'table.nodata' | translate}}</span>
   </div>
 
   <dlcm-shared-paginator *ngIf="queryParameters && isDatasPresent === true"

src/app/shared/components/presentationals/shared-data-table/shared-data-table.presentational.scss

@@ -59,7 +59,26 @@ $inputGroupTextColor: #444444;
 
 .data-table {
   .no-datas {
-    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    height: 150px;
+    background-color: $extra-ultra-light-grey;
+    color: $medium-light-grey;
+
+    .icon {
+      font-size: 40px;
+      line-height: 40px;
+      width: 40px;
+      height: 40px;
+      color: $medium-light-grey;
+    }
+
+    .message {
+      padding-top: 10px;
+      font-size: 16px;
+    }
   }
 
   tbody {