Chore: Upgraded to angular 15

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

overlord/src/app/employee-attendance/employee-attendance.component.html

@@ -1,7 +1,7 @@
 <mat-card>
-  <mat-card-title-group>
+  <mat-card-header>
     <mat-card-title>Employee Attendance</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 sm:max-lg:flex-col">
@@ -52,7 +52,7 @@
             }}</mat-option>
           </mat-autocomplete>
         </mat-form-field>
-        <button class="flex-auto basis-1/5" mat-raised-button color="primary" (click)="show()">
+        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">
           Show
         </button>
       </div>
@@ -81,19 +81,21 @@
           <mat-cell *matCellDef="let row; let i = index" class="no-bg">
             {{ row.prints }}
             <mat-icon
+              class="no-bg"
               *ngIf="!form.controls.attendances.controls[i].controls.attendanceType.pristine"
               >new_releases</mat-icon
             >
-            <mat-chip-list class="no-bg">
-              <mat-chip
+            <mat-chip-set class="no-bg">
+              <mat-chip-option
                 *ngIf="row.hoursWorked.length"
                 class="no-bg"
-                [selected]="true"
+                selected
+                selectable="false"
                 [color]="row.fullDay === true ? 'primary' : 'warn'"
               >
                 {{ row.hoursWorked }}
-              </mat-chip>
-            </mat-chip-list>
+              </mat-chip-option>
+            </mat-chip-set>
           </mat-cell>
         </ng-container>