Chore: Removed @angular/flex-layout and replaced it with tailwind.

Chore: Upgraded some packages

overlord/src/app/auth/login/login.component.html

@@ -3,15 +3,15 @@
     <mat-card-title>Login</mat-card-title>
   </mat-card-title-group>
   <mat-card-content>
-    <form [formGroup]="form" fxLayout="column">
-      <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
-        <mat-form-field fxFlex>
+    <form [formGroup]="form" class="flex flex-col">
+      <div class="flex flex-row justify-around content-start items-start">
+        <mat-form-field class="flex-auto">
           <mat-label>Username</mat-label>
           <input matInput #nameElement placeholder="Username" formControlName="username" />
         </mat-form-field>
       </div>
-      <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
-        <mat-form-field fxFlex>
+      <div class="flex flex-row justify-around content-start items-start">
+        <mat-form-field class="flex-auto">
           <mat-label>Password</mat-label>
           <input
             matInput
@@ -27,14 +27,8 @@
       </div>
       <mat-divider></mat-divider>
       <h2 *ngIf="showOtp">Client ID: {{ clientId }}</h2>
-      <div
-        fxLayout="row"
-        fxLayout.lt-md="column"
-        fxLayoutGap="20px"
-        fxLayoutGap.lt-md="0px"
-        *ngIf="showOtp"
-      >
-        <mat-form-field fxFlex>
+      <div class="flex flex-row justify-around content-start items-start" *ngIf="showOtp">
+        <mat-form-field class="flex-auto">
           <mat-label>Otp</mat-label>
           <input matInput placeholder="Otp" formControlName="otp" />
         </mat-form-field>