build: Use prettier for html

Stop ignoring html files in prettier and fix existing issues.

src/app/profile/profile.component.html

@@ -1,23 +1,19 @@
 <div class="container m-b-20" fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="end" fxLayoutGap="2%">
   <button mat-raised-button color="primary" [routerLink]="['/system', 'roles-and-permissions']">
     <fa-icon icon="check" class="m-r-10"></fa-icon>
-    {{"labels.buttons.Permissions" | translate}}
+    {{ 'labels.buttons.Permissions' | translate }}
   </button>
   <button mat-raised-button color="primary" (click)="changeUserPassword()">
     <fa-icon icon="cog" class="m-r-10"></fa-icon>
-    {{"labels.buttons.Change Password" | translate}}
+    {{ 'labels.buttons.Change Password' | translate }}
   </button>
 </div>
 
-
 <div class="container" fxLayout="column" fxLayoutGap="2%">
-
   <mat-card>
-
     <div fxLayout="row wrap" class="content">
-
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Tenant Id" | translate}}
+        {{ 'labels.inputs.Tenant Id' | translate }}
       </div>
 
       <div fxFlex="50%">
@@ -25,7 +21,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.User Id" | translate}}
+        {{ 'labels.inputs.User Id' | translate }}
       </div>
 
       <div fxFlex="50%">
@@ -33,7 +29,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.User Name" | translate}}
+        {{ 'labels.inputs.User Name' | translate }}
       </div>
 
       <div fxFlex="50%">
@@ -41,7 +37,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Office" | translate}}
+        {{ 'labels.inputs.Office' | translate }}
       </div>
 
       <div fxFlex="50%">
@@ -49,7 +45,7 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Status" | translate}}
+        {{ 'labels.inputs.Status' | translate }}
       </div>
 
       <div fxFlex="50%">
@@ -57,36 +53,29 @@
       </div>
 
       <div fxFlex="50%" class="header">
-        {{"labels.inputs.Language" | translate}}
+        {{ 'labels.inputs.Language' | translate }}
       </div>
 
       <div fxFlex="50%">
         {{ language }}
       </div>
-
     </div>
-
   </mat-card>
 
   <mat-card>
-
     <table class="mat-elevation-z1" mat-table [dataSource]="dataSource">
-
       <ng-container matColumnDef="role">
-        <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Role" | translate}} </th>
-        <td mat-cell *matCellDef="let role"> {{ role.name }} </td>
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Role' | translate }}</th>
+        <td mat-cell *matCellDef="let role">{{ role.name }}</td>
       </ng-container>
 
       <ng-container matColumnDef="description">
-        <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Description" | translate}} </th>
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Description' | translate }}</th>
         <td mat-cell *matCellDef="let role">{{ role.description }}</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-card>
-
 </div>