build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

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

@@ -6,14 +6,17 @@
         <h2>
           {{ employeeData.displayName }}
           <span [className]="employeeData.isActive === true ? 'true' : 'false'">
-            <fa-icon matTooltip="{{ employeeData.isActive === true ? 'Active' : 'Inactive' }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
+            <fa-icon
+              matTooltip="{{ employeeData.isActive === true ? 'Active' : 'Inactive' }}"
+              matTooltipPosition="right"
+              icon="circle"
+              size="lg"
+            ></fa-icon>
           </span>
         </h2>
       </mat-card-title>
       <mat-card-subtitle>
-        <p>
-          {{"labels.inputs.Associated Office" | translate}}: {{ employeeData.officeName }}
-        </p>
+        <p>{{ 'labels.inputs.Associated Office' | translate }}: {{ employeeData.officeName }}</p>
       </mat-card-subtitle>
     </div>
   </mat-card-title-group>
@@ -21,9 +24,8 @@
 
 <mat-card-content>
   <div fxLayout="row wrap" class="content">
-
     <div fxFlex="50%" class="mat-body-strong">
-      {{"labels.inputs.Joined On" | translate}}
+      {{ 'labels.inputs.Joined On' | translate }}
     </div>
 
     <div fxFlex="50%">
@@ -31,7 +33,7 @@
     </div>
 
     <div fxFlex="50%" class="mat-body-strong">
-      {{"labels.inputs.Loan Officer" | translate}}
+      {{ 'labels.inputs.Loan Officer' | translate }}
     </div>
 
     <div fxFlex="50%">
@@ -39,7 +41,7 @@
     </div>
 
     <div fxFlex="50%" class="mat-body-strong" *ngIf="employeeData.mobileNo">
-      {{"labels.inputs.Mobile Number" | translate}}
+      {{ 'labels.inputs.Mobile Number' | translate }}
     </div>
 
     <div fxFlex="50%" *ngIf="employeeData.mobileNo">
@@ -47,12 +49,11 @@
     </div>
 
     <div fxFlex="50%" class="mat-body-strong">
-      {{"labels.inputs.Number of Centers" | translate}}
+      {{ 'labels.inputs.Number of Centers' | translate }}
     </div>
 
     <div fxFlex="50%">
       {{ centerData ? centerData.length : '' }}
     </div>
-
   </div>
 </mat-card-content>