build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/system/audit-trails/view-audit/view-audit.component.html

@@ -1,15 +1,10 @@
-<div class="container" fxLayout="row"  fxLayoutAlign="space-between" fxLayoutGap.lt-md="4%" fxLayout.lt-md="column">
-
+<div class="container" fxLayout="row" fxLayoutAlign="space-between" fxLayoutGap.lt-md="4%" fxLayout.lt-md="column">
   <div fxFlex="46%">
-
     <mat-card>
-
       <mat-card-content>
-
         <div fxLayout="row wrap" class="content">
-
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.ID' | translate}}
+            {{ 'labels.inputs.ID' | translate }}
           </div>
 
           <div fxFlex="50%">
@@ -17,7 +12,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.Status' | translate}}
+            {{ 'labels.inputs.Status' | translate }}
           </div>
 
           <div fxFlex="50%">
@@ -25,7 +20,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.User' | translate}}
+            {{ 'labels.inputs.User' | translate }}
           </div>
 
           <div fxFlex="50%">
@@ -33,7 +28,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.Action' | translate}}
+            {{ 'labels.inputs.Action' | translate }}
           </div>
 
           <div fxFlex="50%">
@@ -41,7 +36,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.Entity' | translate}}
+            {{ 'labels.inputs.Entity' | translate }}
           </div>
 
           <div fxFlex="50%">
@@ -49,7 +44,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.Resource ID' | translate}}
+            {{ 'labels.inputs.Resource ID' | translate }}
           </div>
 
           <div fxFlex="50%">
@@ -57,15 +52,15 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            {{'labels.inputs.Date' | translate}}
+            {{ 'labels.inputs.Date' | translate }}
           </div>
 
           <div fxFlex="50%">
-            {{ auditTrailData.madeOnDate  | dateFormat }}
+            {{ auditTrailData.madeOnDate | dateFormat }}
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.officeName">
-            {{'labels.inputs.Office' | translate}}
+            {{ 'labels.inputs.Office' | translate }}
           </div>
 
           <div fxFlex="50%" *ngIf="auditTrailData.officeName">
@@ -73,7 +68,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.savingsAccountNo">
-            {{'labels.inputs.Savings Account No' | translate}}
+            {{ 'labels.inputs.Savings Account No' | translate }}
           </div>
 
           <div fxFlex="50%" *ngIf="auditTrailData.savingsAccountNo">
@@ -81,40 +76,33 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.groupLevelName">
-            {{'labels.inputs.Group Level' | translate}}
+            {{ 'labels.inputs.Group Level' | translate }}
           </div>
 
           <div fxFlex="50%" *ngIf="auditTrailData.groupLevelName">
             {{ auditTrailData.groupLevelName }}
           </div>
-
         </div>
-
       </mat-card-content>
-
     </mat-card>
-
   </div>
 
   <div fxFlex="46%">
-
     <table mat-table [dataSource]="dataSource" matSort>
-
       <ng-container matColumnDef="command">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Command' | translate}} </th>
-        <td mat-cell *matCellDef="let auditTrailCommand"> {{ auditTrailCommand.command }} </td>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Command' | translate }}</th>
+        <td mat-cell *matCellDef="let auditTrailCommand">{{ auditTrailCommand.command }}</td>
       </ng-container>
 
       <ng-container matColumnDef="commandValue">
-        <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Command Value' | translate}} </th>
-        <td mat-cell *matCellDef="let auditTrailCommand" class="column-value-wrapper"> {{ auditTrailCommand.commandValue }} </td>
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Command Value' | translate }}</th>
+        <td mat-cell *matCellDef="let auditTrailCommand" class="column-value-wrapper">
+          {{ auditTrailCommand.commandValue }}
+        </td>
       </ng-container>
 
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-
+      <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
     </table>
-
   </div>
-
 </div>