Chore: Upgrade to Angular v18

Chore: Upgrade to Python 3.12
Chore: Upgrade to psycopg3

bookie/src/app/sales/bill-number/bill-number.component.html

@@ -4,9 +4,11 @@
       <mat-form-field class="flex-auto basis-[15%] mr-5">
         <mat-label>Regime</mat-label>
         <mat-select formControlName="regime">
-          <mat-option *ngFor="let r of regimes" [value]="r">
-            {{ r.name }}
-          </mat-option>
+          @for (r of regimes; track r) {
+            <mat-option [value]="r">
+              {{ r.name }}
+            </mat-option>
+          }
         </mat-select>
       </mat-form-field>
       <mat-form-field class="flex-auto">

bookie/src/app/sales/bill-number/bill-number.component.spec.ts

@@ -8,7 +8,7 @@ describe('QuantityComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BillNumberComponent],
+      imports: [BillNumberComponent],
     }).compileComponents();
   }));
 

bookie/src/app/sales/bill-number/bill-number.component.ts

@@ -1,12 +1,38 @@
+import { CdkScrollable } from '@angular/cdk/scrolling';
 import { Component, Inject, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { MatButton } from '@angular/material/button';
+import { MatOption } from '@angular/material/core';
+import {
+  MatDialogRef,
+  MAT_DIALOG_DATA,
+  MatDialogContent,
+  MatDialogActions,
+  MatDialogClose,
+} from '@angular/material/dialog';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatSelect } from '@angular/material/select';
 import { Regime } from 'src/app/core/regime';
 
 @Component({
   selector: 'app-bill-number',
   templateUrl: './bill-number.component.html',
   styleUrls: ['./bill-number.component.css'],
+  standalone: true,
+  imports: [
+    CdkScrollable,
+    MatDialogContent,
+    ReactiveFormsModule,
+    MatFormField,
+    MatLabel,
+    MatSelect,
+    MatOption,
+    MatInput,
+    MatDialogActions,
+    MatButton,
+    MatDialogClose,
+  ],
 })
 export class BillNumberComponent implements OnInit {
   form: FormGroup<{