Fix: Employee and Account showed [object Object] in Department instead of the department name.

This is due to enabling strict mode in Typescript and changing the list department from string to object. But the html was not updated.

overlord/src/app/account/account-list/account-list.component.html

@@ -60,7 +60,7 @@
       <!-- Cost Centre Column -->
       <ng-container matColumnDef="costCentre">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Cost Centre</mat-header-cell>
-        <mat-cell *matCellDef="let row">{{ row.costCentre }}</mat-cell>
+        <mat-cell *matCellDef="let row">{{ row.costCentre.name }}</mat-cell>
       </ng-container>
 
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>

overlord/src/app/employee/employee-list/employee-list.component.html

@@ -69,7 +69,7 @@
       <!-- Department Column -->
       <ng-container matColumnDef="department">
         <mat-header-cell *matHeaderCellDef>Department</mat-header-cell>
-        <mat-cell *matCellDef="let row">{{ row.costCentre }}</mat-cell>
+        <mat-cell *matCellDef="let row">{{ row.costCentre.name }}</mat-cell>
       </ng-container>
 
       <!-- JoiningDate Column -->