Chore: Upgraded to angular 15

Chore: Moved from angular/flex-layout to Tailwind
Chore: Upgrade completed

overlord/src/app/incentive/incentive.component.html

@@ -1,7 +1,7 @@
 <mat-card>
-  <mat-card-title-group>
+  <mat-card-header>
     <mat-card-title>Incentives</mat-card-title>
-  </mat-card-title-group>
+  </mat-card-header>
   <mat-card-content>
     <form [formGroup]="form" class="flex flex-col">
       <div class="flex flex-row justify-around content-start items-start">
@@ -19,9 +19,9 @@
         </mat-form-field>
       </div>
       <div class="flex flex-row justify-around content-start items-start">
-        Total Incentive: <strong>{{ voucher.incentive | number: '1.2-2' }}</strong> Total Points:
-        <strong>{{ totalPoints() | number: '1.2-2' }}</strong> Point Value:
-        <strong>{{ pointValue() | number: '1.2-2' }}</strong>
+        Total Incentive: <strong>{{ voucher.incentive | number : '1.2-2' }}</strong> Total Points:
+        <strong>{{ totalPoints() | number : '1.2-2' }}</strong> Point Value:
+        <strong>{{ pointValue() | number : '1.2-2' }}</strong>
       </div>
       <mat-table #table [dataSource]="dataSource" formArrayName="incentives">
         <!-- Name Column -->
@@ -46,7 +46,7 @@
         <ng-container matColumnDef="daysWorked">
           <mat-header-cell *matHeaderCellDef class="right">DaysWorked</mat-header-cell>
           <mat-cell *matCellDef="let row" class="right">{{
-            row.daysWorked | number: '1.2-2'
+            row.daysWorked | number : '1.2-2'
           }}</mat-cell>
         </ng-container>
 
@@ -54,14 +54,8 @@
         <ng-container matColumnDef="points">
           <mat-header-cell *matHeaderCellDef class="center">Service Points</mat-header-cell>
           <mat-cell *matCellDef="let row; let i = index" class="center" [formGroupName]="i">
-            <mat-form-field class="flex-auto max-w-[80%]">
-              <button
-                mat-stroked-button
-                mat-icon-button
-                color="warn"
-                matPrefix
-                (click)="less(row, i)"
-              >
+            <mat-form-field class="flex-auto">
+              <button mat-icon-button color="warn" matPrefix (click)="less(row, i)">
                 <mat-icon>remove</mat-icon>
               </button>
               <input
@@ -69,15 +63,9 @@
                 formControlName="points"
                 autocomplete="off"
                 (change)="change(row, i)"
-                class="flex-auto max-w-[80%]"
+                class="flex-auto"
               />
-              <button
-                mat-stroked-button
-                mat-icon-button
-                color="primary"
-                matSuffix
-                (click)="more(row, i)"
-              >
+              <button mat-icon-button color="primary" matSuffix (click)="more(row, i)">
                 <mat-icon>add</mat-icon>
               </button>
             </mat-form-field>
@@ -88,7 +76,7 @@
         <ng-container matColumnDef="amount">
           <mat-header-cell *matHeaderCellDef class="right">Amount</mat-header-cell>
           <mat-cell *matCellDef="let row" class="right">{{
-            amount(row) | currency: 'INR'
+            amount(row) | currency : 'INR'
           }}</mat-cell>
         </ng-container>