Upgrade to Angular 16

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

src/app/shared/input-amount/input-amount.component.html

@@ -1,17 +1,18 @@
-<mat-form-field appearance="fill" fxFlex="100%" *ngIf="isRequired">
+<mat-form-field appearance="fill" class="flex-100 input-container" *ngIf="isRequired">
   <mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label>
-  <span matTextSuffix class="m-l-10">{{ currency.code }}</span>
-  <span fxFlex="auto"></span>
-  <input
-    mifosxFormatAmount="{{ currency.code }}:{{ currency.displaySymbol }}"
-    class="right-input"
-    [formControl]="inputFormControl"
-    (keypress)="numberOnly($event)"
-    required
-    matInput
-    (blur)="displayHint = false"
-    (focus)="displayHint = true"
-  />
+  <div class="input-group">
+    <span>{{ currency.code }}</span>
+    <input
+      mifosxFormatAmount="{{ currency.code }}:{{ currency.displaySymbol }}"
+      class="right-input"
+      [formControl]="inputFormControl"
+      (keypress)="numberOnly($event)"
+      required
+      matInput
+      (blur)="displayHint = false"
+      (focus)="displayHint = true"
+    />
+  </div>
   <mat-error *ngIf="inputFormControl.hasError('required')">
     {{ 'labels.inputs.' + inputLabel | translate }} {{ 'labels.commons.is' | translate }}
     <strong>{{ 'labels.commons.required' | translate }}</strong>
@@ -20,10 +21,10 @@
     inputFormControl.value | currency: currency.code : currency.displaySymbol : '1.2-2'
   }}</mat-hint>
 </mat-form-field>
-<mat-form-field appearance="fill" fxFlex="100%" *ngIf="!isRequired">
+<mat-form-field appearance="fill" class="flex-100" *ngIf="!isRequired">
   <mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label>
   <span matTextSuffix class="m-l-10">{{ currency.code }}</span>
-  <span fxFlex="auto"></span>
+  <span class="flex-auto"></span>
   <input
     mifosxFormatAmount="{{ currency.code }}:{{ currency.displaySymbol }}"
     class="right-input"

src/app/shared/input-amount/input-amount.component.scss

@@ -2,6 +2,17 @@
   margin-top: -7px;
 }
 
+.input-container {
+  width: 100%;
+}
+
+.input-group {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+}
+
 .container {
   max-width: 37rem;
 }