Upgrade to Angular 16

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

src/app/tasks/checker-inbox-and-tasks-tabs/loan-disbursal/loan-disbursal.component.html

@@ -1,7 +1,7 @@
 <div class="tab-container mat-typography" *ngIf="loans && loans.length > 0">
-  <div fxLayout="row" fxLayoutAlign="start center">
-    <div class="search-box" fxFlex="40%">
-      <mat-form-field fxFlex="90%">
+  <div class="layout-row align-start-center">
+    <div class="search-box flex-40">
+      <mat-form-field class="flex-fill flex-90">
         <input
           matInput
           placeholder="{{ 'labels.text.Filter by name' | translate }}"
@@ -9,7 +9,7 @@
         />
       </mat-form-field>
     </div>
-    <div fxFlex="60%">
+    <div class="flex-60">
       <button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOAN'" (click)="disburseLoan()">
         <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.menus.Disburse' | translate }}
       </button>

src/app/tasks/checker-inbox-and-tasks-tabs/loan-disbursal/loan-disbursal.component.scss

@@ -16,11 +16,11 @@
   background-color: #e8f4fd;
   padding: 6px 16px;
   font-size: 0.875rem;
-  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-family: Roboto, 'Helvetica Neue', sans-serif;
   font-weight: 400;
   line-height: 1.43;
   border-radius: 4px;
-  letter-spacing: 0.0107em;
+  letter-spacing: normal;
   margin: 10px;
 
   .message {