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

@@ -1,18 +1,13 @@
 <h2 mat-dialog-title>Select Sale Categories</h2>
 <mat-dialog-content>
-  <form [formGroup]="form" fxLayout="column">
+  <form [formGroup]="form" class="flex flex-col">
     <div formArrayName="saleCategories">
       <div
-        fxLayout="row"
         *ngFor="let sc of list; index as i"
         [formGroupName]="i"
-        fxLayout="row"
-        fxLayoutAlign="space-around start"
-        fxLayout.lt-md="column"
-        fxLayoutGap="20px"
-        fxLayoutGap.lt-md="0px"
+        class="flex flex-row justify-around content-start items-start"
       >
-        <mat-checkbox formControlName="saleCategory" fxFlex>{{ sc.name }}</mat-checkbox>
+        <mat-checkbox formControlName="saleCategory" class="flex-auto">{{ sc.name }}</mat-checkbox>
       </div>
     </div>
   </form>