Chore: Upgrade to Angular v18

Chore: Upgrade to Python 3.12
Chore: Upgrade to psycopg3

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

@@ -1,4 +1,7 @@
+import { CurrencyPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
+import { MatCard, MatCardHeader, MatCardTitle, MatCardContent } from '@angular/material/card';
+import { MatRipple } from '@angular/material/core';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, NavigationExtras, Router } from '@angular/router';
 import { map } from 'rxjs/operators';
@@ -12,6 +15,8 @@ import { BillNumberComponent } from '../bill-number/bill-number.component';
   selector: 'app-running-tables',
   templateUrl: './running-tables.component.html',
   styleUrls: ['./running-tables.component.sass'],
+  standalone: true,
+  imports: [MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatRipple, CurrencyPipe],
 })
 export class RunningTablesComponent implements OnInit {
   regimes: Regime[] = [];
@@ -57,9 +62,9 @@ export class RunningTablesComponent implements OnInit {
           return x;
         }),
       )
-      .subscribe(
-        (x) => this.router.navigate(['/sales', 'bill'], { queryParams: { bill: x } }),
-        (x) => this.toaster.show('Error', x),
-      );
+      .subscribe({
+        next: (x) => this.router.navigate(['/sales', 'bill'], { queryParams: { bill: x } }),
+        error: (x) => this.toaster.show('Error', x),
+      });
   }
 }