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/guest-book/guest-book-list/guest-book-list.component.html

@@ -1,26 +1,22 @@
 <mat-card>
-  <mat-card-title-group>
-    <mat-card-title>Guest List</mat-card-title>
-    <a mat-button [routerLink]="['/guest-book', 'new']">
-      <mat-icon>add_box</mat-icon>
-      Add
-    </a>
-  </mat-card-title-group>
+  <mat-card-header>
+    <mat-card-title-group>
+      <mat-card-title>Guest List</mat-card-title>
+      <a mat-button [routerLink]="['/guest-book', 'new']">
+        <mat-icon>add_box</mat-icon>
+        Add
+      </a>
+    </mat-card-title-group>
+  </mat-card-header>
   <mat-card-content>
-    <form [formGroup]="form" fxLayout="column">
-      <div
-        fxLayout="row"
-        fxLayoutAlign="space-around start"
-        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>Date</mat-label>
           <input
             matInput
             [matDatepicker]="date"
             (focus)="date.open()"
-            placeholder="Date"
             formControlName="date"
             autocomplete="off"
           />
@@ -65,16 +61,15 @@
         <mat-header-cell *matHeaderCellDef class="center">Action</mat-header-cell>
         <mat-cell *matCellDef="let row" class="center">
           <button
-            mat-raised-button
-            color="primary"
+            mat-icon-button
             [routerLink]="['/sales']"
             [queryParams]="{ guest: row.id }"
             *ngIf="!row.tableId"
           >
-            Seat
+            <mat-icon>chair</mat-icon>
           </button>
           <button
-            mat-raised-button
+            mat-stroked-button
             color="primary"
             [routerLink]="['/sales', 'bill']"
             [queryParams]="{ table: row.tableId, voucher: row.voucherId }"