Upgrade to Angular 16

Merge `angular-update-16` into `dev` branch

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

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