Upgrade to Angular 16

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

src/app/collaterals/view-collateral/view-collateral.component.html

@@ -1,4 +1,4 @@
-<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
+<div class="layout-row align-end gap-2px responsive-column container m-b-20">
   <button
     mat-raised-button
     color="primary"
@@ -26,7 +26,7 @@
     <div class="tab-container mat-typography">
       <h3>{{ 'labels.heading.Client Collateral Details' | translate }}</h3>
 
-      <div fxLayout="row" fxLayoutGap="32px" class="group-details-container m-b-30">
+      <div class="layout-row gap-32px group-details-container m-b-30">
         <p>
           {{ 'labels.inputs.name' | translate }}: {{ clientCollateralData.name }}<br />
           {{ 'labels.inputs.Quantity' | translate }}: {{ clientCollateralData.quantity }}<br />