build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/accounting/periodic-accruals/periodic-accruals.component.html

@@ -1,37 +1,42 @@
 <div class="container">
-
   <mat-card>
-
     <form [formGroup]="periodicAccrualsForm" (ngSubmit)="submit()">
-
       <mat-card-content>
-
         <div fxLayout="row">
-
           <mat-form-field fxFlex (click)="tillDatePicker.open()">
-            <mat-label>{{"labels.inputs.Accrue Till Date" | translate}}</mat-label>
-            <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="tillDatePicker" required formControlName="tillDate">
+            <mat-label>{{ 'labels.inputs.Accrue Till Date' | translate }}</mat-label>
+            <input
+              matInput
+              [min]="minDate"
+              [max]="maxDate"
+              [matDatepicker]="tillDatePicker"
+              required
+              formControlName="tillDate"
+            />
             <mat-datepicker-toggle matSuffix [for]="tillDatePicker"></mat-datepicker-toggle>
             <mat-datepicker #tillDatePicker></mat-datepicker>
             <mat-error *ngIf="periodicAccrualsForm.controls.tillDate.hasError('required')">
-              {{"labels.inputs.Accrue Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
+              {{ 'labels.inputs.Accrue Date' | translate }} {{ 'labels.commons.is' | translate }}
+              <strong>{{ 'labels.commons.required' | translate }}</strong>
             </mat-error>
           </mat-form-field>
-
         </div>
-
       </mat-card-content>
 
       <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
-        <button type="button" mat-raised-button [routerLink]="['../']">{{"labels.buttons.Cancel" | translate}}</button>
-        <button mat-raised-button color="primary" [disabled]="!periodicAccrualsForm.valid" *mifosxHasPermission="'EXECUTE_PERIODICACCRUALACCOUNTING'">
+        <button type="button" mat-raised-button [routerLink]="['../']">
+          {{ 'labels.buttons.Cancel' | translate }}
+        </button>
+        <button
+          mat-raised-button
+          color="primary"
+          [disabled]="!periodicAccrualsForm.valid"
+          *mifosxHasPermission="'EXECUTE_PERIODICACCRUALACCOUNTING'"
+        >
           <fa-icon icon="play" class="m-r-10"></fa-icon>
-          {{"labels.buttons.Run Periodic Accruals" | translate}}
+          {{ 'labels.buttons.Run Periodic Accruals' | translate }}
         </button>
       </mat-card-actions>
-
     </form>
-
   </mat-card>
-
 </div>