build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/home/dashboard/amount-disbursed-pie/amount-disbursed-pie.component.html

@@ -1,12 +1,11 @@
 <mat-card class="card">
-
   <mat-card-header class="header">
     <h3 fxFlex="100%">
       <fa-icon icon="money-bill"></fa-icon>
-      &nbsp;&nbsp; {{"labels.inputs.Amount Pending / Disbursed" | translate}}
+      &nbsp;&nbsp; {{ 'labels.inputs.Amount Pending / Disbursed' | translate }}
       <div>
         <mat-form-field id="office" fxFlex="94%">
-          <mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
+          <mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
           <mat-select [formControl]="officeId">
             <mat-option *ngFor="let office of officeData" [value]="office.id">
               {{ office.name }}
@@ -19,12 +18,11 @@
 
   <mat-card-content>
     <!-- Structural directives like *ngIf break the canvas -->
-    <div [ngStyle]="{'display': (hideOutput) ? 'none' : 'block'}">
+    <div [ngStyle]="{ display: hideOutput ? 'none' : 'block' }">
       <canvas id="disbursement-pie" width="800" height="600"></canvas>
     </div>
     <div *ngIf="showFallback" class="fallback" fxLayoutAlign="center center">
-      <p>{{"labels.text.No Data" | translate}}</p>
+      <p>{{ 'labels.text.No Data' | translate }}</p>
     </div>
   </mat-card-content>
-
 </mat-card>