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/products/products.component.html

@@ -1,25 +1,25 @@
 <mat-card>
-  <mat-card-content fxLayout="row wrap" fxLayoutGap="grid 20px">
-    <mat-card
-      fxLayout="column"
-      class="square-button red700"
-      matRipple
-      [routerLink]="['../../menu-categories']"
-      queryParamsHandling="preserve"
-    >
-      <h3 class="item-name">Back</h3>
-    </mat-card>
-    <mat-card
-      fxLayout="column"
-      class="square-button"
-      matRipple
-      *ngFor="let item of list"
-      (click)="addProduct(item)"
-      [class.yellow300]="item.hasHappyHour"
-      [class.grey800]="item.isNotAvailable"
-    >
-      <h3 class="item-name">{{ item.name }}</h3>
-      <mat-card-subtitle class="center">{{ item.price | currency: 'INR' }}</mat-card-subtitle>
-    </mat-card>
+  <mat-card-content>
+    <div class="flex flex-row flex-wrap -mr-5 -mb-5">
+      <mat-card
+        class="flex flex-col square-button mr-5, mb-5 red700"
+        matRipple
+        [routerLink]="['../../menu-categories']"
+        queryParamsHandling="preserve"
+      >
+        <h3 class="item-name">Back</h3>
+      </mat-card>
+      <mat-card
+        class="flex flex-col square-button mr-5, mb-5"
+        matRipple
+        *ngFor="let item of list"
+        (click)="addProduct(item)"
+        [class.yellow300]="item.hasHappyHour"
+        [class.grey800]="item.isNotAvailable"
+      >
+        <h3 class="item-name">{{ item.name }}</h3>
+        <mat-card-subtitle class="center">{{ item.price | currency : 'INR' }}</mat-card-subtitle>
+      </mat-card>
+    </div>
   </mat-card-content>
 </mat-card>