Chore: Upgrade to Angular v18

Chore: Upgrade to Python 3.12
Chore: Upgrade to psycopg3

bookie/src/app/sales/running-tables/running-tables.component.html

@@ -4,21 +4,26 @@
   </mat-card-header>
   <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"
-        matRipple
-        *ngFor="let table of list"
-        (click)="navigateToBill(table)"
-        [class.primary]="table.status !== 'running' && table.status !== 'printed'"
-        [class.accent]="table.status === 'running'"
-        [class.strong-accent]="table.status === 'printed'"
-      >
-        <h3>{{ table.name }}</h3>
-        <span>{{ table.guest }}</span>
-        <span>{{ table.pax ?? '-' }} / {{ table.seats }} / {{ table.section?.name }}</span>
-        <span *ngIf="table.date">{{ table.date }}</span>
-        <span *ngIf="table.amount">{{ table.amount | currency: 'INR' }}</span>
-      </mat-card>
+      @for (table of list; track table) {
+        <mat-card
+          class="flex flex-col square-button mr-5, mb-5"
+          matRipple
+          (click)="navigateToBill(table)"
+          [class.primary]="table.status !== 'running' && table.status !== 'printed'"
+          [class.accent]="table.status === 'running'"
+          [class.strong-accent]="table.status === 'printed'"
+        >
+          <h3>{{ table.name }}</h3>
+          <span>{{ table.guest }}</span>
+          <span>{{ table.pax ?? '-' }} / {{ table.seats }} / {{ table.section?.name }}</span>
+          @if (table.date) {
+            <span>{{ table.date }}</span>
+          }
+          @if (table.amount) {
+            <span>{{ table.amount | currency: 'INR' }}</span>
+          }
+        </mat-card>
+      }
       <mat-card class="flex flex-col square-button mr-5, mb-5 strong-primary" matRipple (click)="openBill()">
         <h3>Open Bill</h3>
       </mat-card>