Upgrade to Angular 16

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

src/app/loans/loans-view/loan-account-actions/disburse/disburse.component.html

@@ -2,7 +2,7 @@
   <mat-card>
     <form [formGroup]="disbursementLoanForm" (ngSubmit)="submit()">
       <mat-card-content>
-        <div fxLayout="column">
+        <div class="layout-column">
           <mat-form-field (click)="actualDisbursementDatePicker.open()">
             <mat-label>{{ 'labels.inputs.Disbursed On' | translate }}</mat-label>
             <input
@@ -43,8 +43,8 @@
             </mat-select>
           </mat-form-field>
 
-          <div fxFlexFill>
-            <span fxFlex="75%" class="expandcollapsebutton m-l-10 m-t-40" (click)="addPaymentDetails()">
+          <div class="flex-fill">
+            <span class="expandcollapsebutton m-l-10 m-t-40 flex-75" (click)="addPaymentDetails()">
               <mat-slide-toggle>
                 <div [className]="showPaymentDetails ? 'enabled' : 'disabled'">
                   <span class="m-l-10">{{ 'labels.inputs.Show Payment Details' | translate }}</span>
@@ -86,7 +86,7 @@
           </mat-form-field>
         </div>
 
-        <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
+        <mat-card-actions class="layout-row align-center gap-5px responsive-column">
           <button type="button" mat-raised-button [routerLink]="['../../general']">
             {{ 'labels.buttons.Cancel' | translate }}
           </button>