build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/navigation/client-navigation/client-navigation.component.html

@@ -6,13 +6,19 @@
         <h2>
           {{ clientData.displayName }}
           <span [className]="clientData.status.code | statusLookup">
-            <fa-icon matTooltip="{{ clientData.status.value }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
+            <fa-icon
+              matTooltip="{{ clientData.status.value }}"
+              matTooltipPosition="right"
+              icon="circle"
+              size="lg"
+            ></fa-icon>
           </span>
         </h2>
       </mat-card-title>
       <mat-card-subtitle>
         <p>
-          {{"labels.inputs.Account No" | translate}}: {{ clientData.accountNo }} {{ clientData.externalId ? '| External ID: ' + clientData.externalId : '' }}
+          {{ 'labels.inputs.Account No' | translate }}: {{ clientData.accountNo }}
+          {{ clientData.externalId ? '| External ID: ' + clientData.externalId : '' }}
         </p>
       </mat-card-subtitle>
     </div>
@@ -20,14 +26,11 @@
 </mat-card-header>
 
 <mat-card-content>
-
   <mat-tab-group>
-
     <mat-tab label="Details">
       <div fxLayout="row wrap" class="content">
-
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.firstName">
-          {{"labels.inputs.First Name" | translate}}
+          {{ 'labels.inputs.First Name' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.firstName">
@@ -35,7 +38,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.middleName">
-          {{"labels.inputs.Middle Name" | translate}}
+          {{ 'labels.inputs.Middle Name' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.middleName">
@@ -43,7 +46,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.lastName">
-          {{"labels.inputs.Last Name" | translate}}
+          {{ 'labels.inputs.Last Name' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.lastName">
@@ -51,7 +54,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.dateOfBirth">
-          {{"labels.inputs.Date of Birth" | translate}}
+          {{ 'labels.inputs.Date of Birth' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.dateOfBirth">
@@ -59,7 +62,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.mobileNo">
-          {{"labels.inputs.Mobile Number" | translate}}
+          {{ 'labels.inputs.Mobile Number' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.mobileNo">
@@ -67,7 +70,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong">
-          {{"labels.inputs.Activation Date" | translate}}
+          {{ 'labels.inputs.Activation Date' | translate }}
         </div>
 
         <div fxFlex="50%">
@@ -75,7 +78,7 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.officeName">
-          {{"labels.inputs.Associated Office" | translate}}
+          {{ 'labels.inputs.Associated Office' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.officeName">
@@ -83,15 +86,13 @@
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="clientData.staffName">
-          {{"labels.inputs.Associated Staff" | translate}}
+          {{ 'labels.inputs.Associated Staff' | translate }}
         </div>
 
         <div fxFlex="50%" *ngIf="clientData.staffName">
           {{ clientData.staffName }}
         </div>
-
       </div>
-
     </mat-tab>
 
     <mat-tab label="Loan Accounts" *ngIf="clientAccountsData && clientAccountsData.loanAccounts">
@@ -99,7 +100,9 @@
     </mat-tab>
 
     <mat-tab label="Savings Accounts" *ngIf="clientAccountsData && clientAccountsData.savingsAccounts">
-      <mifosx-savings-account-table [savingsAccountData]="clientAccountsData.savingsAccounts"></mifosx-savings-account-table>
+      <mifosx-savings-account-table
+        [savingsAccountData]="clientAccountsData.savingsAccounts"
+      ></mifosx-savings-account-table>
     </mat-tab>
 
     <mat-tab label="Share Accounts" *ngIf="clientAccountsData && clientAccountsData.shareAccounts">
@@ -109,7 +112,5 @@
     <mat-tab label="Group Members" *ngIf="clientData.groups && clientData.groups.length !== 0">
       <mifosx-member-groups [memberGroupData]="clientData.groups"></mifosx-member-groups>
     </mat-tab>
-
   </mat-tab-group>
-
 </mat-card-content>