build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

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

@@ -9,7 +9,9 @@
       </mat-card-title>
       <mat-card-subtitle>
         <p *ngIf="officeData.externalId">
-          {{"labels.inputs.External Id" | translate}}:<mifosx-external-identifier externalId="{{officeData.externalId}}"></mifosx-external-identifier>
+          {{ 'labels.inputs.External Id' | translate }}:<mifosx-external-identifier
+            externalId="{{ officeData.externalId }}"
+          ></mifosx-external-identifier>
         </p>
       </mat-card-subtitle>
     </div>
@@ -18,9 +20,8 @@
 
 <mat-card-content>
   <div fxLayout="row wrap" class="content">
-
     <div fxFlex="50%" class="mat-body-strong">
-      {{"labels.inputs.Opened On" | translate}}
+      {{ 'labels.inputs.Opened On' | translate }}
     </div>
 
     <div fxFlex="50%">
@@ -28,7 +29,7 @@
     </div>
 
     <div fxFlex="50%" class="mat-body-strong" *ngIf="officeData.parentName">
-      {{"labels.inputs.Parent officeData" | translate}}
+      {{ 'labels.inputs.Parent officeData' | translate }}
     </div>
 
     <div fxFlex="50%" *ngIf="officeData.parentName">
@@ -36,12 +37,11 @@
     </div>
 
     <div fxFlex="50%" class="mat-body-strong">
-      {{"labels.inputs.Number of Staff" | translate}}
+      {{ 'labels.inputs.Number of Staff' | translate }}
     </div>
 
     <div fxFlex="50%">
       {{ employeeData ? employeeData.length : '' }}
     </div>
-
   </div>
 </mat-card-content>