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

Chore: Upgraded some packages

overlord/src/app/payment/payment-dialog.component.html

@@ -1,14 +1,8 @@
 <h1 mat-dialog-title>Edit Payment Entry</h1>
 <div mat-dialog-content>
   <form [formGroup]="form">
-    <div
-      fxLayout="row"
-      fxLayoutAlign="space-around start"
-      fxLayout.lt-md="column"
-      fxLayoutGap="20px"
-      fxLayoutGap.lt-md="0px"
-    >
-      <mat-form-field fxFlex="65">
+    <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
+      <mat-form-field class="flex-auto basis-2/3 mr-5">
         <input
           type="text"
           matInput
@@ -33,7 +27,7 @@
           account.name
         }}</mat-option>
       </mat-autocomplete>
-      <mat-form-field fxFlex="35">
+      <mat-form-field class="flex-auto basis-1/3">
         <mat-label>Amount</mat-label>
         <span matPrefix>₹ </span>
         <input