Chore:

Moved to sqlalchemy 2.0
Added type checking as much as possible
Updated angular to 15
Moved from Angular flex layout to tailwind css

Started developing on vscode with devcontainers

bookie/src/app/sales/home/sales-home.component.html

@@ -1,7 +1,6 @@
-<div fxLayout="row wrap" fxLayoutGap="grid 20px">
+<div class="flex flex-row flex-wrap -mr-5 -mb-5">
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     [routerLink]="['menu-categories']"
     queryParamsHandling="preserve"
@@ -9,8 +8,7 @@
     <h3 class="item-name">Add Product</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="discount()"
     [class.disabled]="!discountAllowed()"
@@ -18,8 +16,7 @@
     <h3 class="item-name">Discount</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="printKot()"
     [class.disabled]="!printKotAllowed()"
@@ -27,20 +24,22 @@
     <h3 class="item-name">Print KOT</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="printBill()"
     [class.disabled]="!printBillAllowed()"
   >
     <h3 class="item-name">Print Bill</h3>
   </mat-card>
-  <mat-card fxLayout="column" class="square-button warn" matRipple [routerLink]="['../../tables']">
+  <mat-card
+    class="flex flex-col square-button mr-5, mb-5 warn"
+    matRipple
+    [routerLink]="['/', 'sales', 'tables']"
+  >
     <h3 class="item-name">Back to Tables</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="receivePayment()"
     [class.disabled]="!receivePaymentAllowed()"
@@ -48,8 +47,7 @@
     <h3 class="item-name">Receive Payment</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="moveTable()"
     [class.disabled]="!moveTableAllowed()"
@@ -57,8 +55,7 @@
     <h3 class="item-name">Move Table</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="voidBill()"
     [class.disabled]="!voidBillAllowed()"
@@ -66,8 +63,7 @@
     <h3 class="item-name">Void Bill</h3>
   </mat-card>
   <mat-card
-    fxLayout="column"
-    class="square-button"
+    class="flex flex-col square-button mr-5, mb-5"
     matRipple
     (click)="splitBill()"
     [class.disabled]="!splitBillAllowed()"