build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/navigation/share-account-table/share-account-table.component.html

@@ -1,7 +1,7 @@
 <div fxLayout="row" fxLayoutAlign="space-between center">
   <mat-form-field fxFlex="50%">
-    <mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
-    <input matInput (keyup)="applyFilter($event.target.value)">
+    <mat-label>{{ 'labels.inputs.Filter' | translate }}</mat-label>
+    <input matInput (keyup)="applyFilter($event.target.value)" />
   </mat-form-field>
   <button mat-raised-button color="primary" (click)="toggleClosed()">
     {{ showClosed ? 'View Active' : 'View Closed' }}
@@ -9,36 +9,37 @@
 </div>
 
 <table mat-table [dataSource]="dataSource" matSort>
-
   <ng-container matColumnDef="accountNo">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Account Number" | translate}} </th>
+    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Account Number' | translate }}</th>
     <td mat-cell *matCellDef="let shareAccount">{{ shareAccount.accountNo }}</td>
   </ng-container>
 
   <ng-container matColumnDef="productName">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Share Account" | translate}} </th>
+    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Share Account' | translate }}</th>
     <td mat-cell *matCellDef="let shareAccount">{{ shareAccount.productName }}</td>
   </ng-container>
 
   <ng-container matColumnDef="totalApprovedShares">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Approved Shares" | translate}} </th>
+    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Approved Shares' | translate }}</th>
     <td mat-cell *matCellDef="let savingsAccount">{{ savingsAccount.totalApprovedShares }}</td>
   </ng-container>
 
   <ng-container matColumnDef="Status">
-    <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Status" | translate}} </th>
+    <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
     <td mat-cell *matCellDef="let shareAccount">
       <span [className]="shareAccount.status.code | statusLookup">
-        <fa-icon matTooltip="{{ shareAccount.status.value }}" matTooltipPosition="right" icon="circle" size="md"></fa-icon>
+        <fa-icon
+          matTooltip="{{ shareAccount.status.value }}"
+          matTooltipPosition="right"
+          icon="circle"
+          size="md"
+        ></fa-icon>
       </span>
     </td>
   </ng-container>
 
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-
+  <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
 </table>
 
 <mat-paginator [pageSizeOptions]="[10, 25]" showFirstLastButtons></mat-paginator>
-
-