Moved to Angular v20 and Tailwind v4 plus all related dependencies

Renamed Docker directory.

Also serving static files from FastAPI.

overlord/src/app/journal/journal-dialog.component.ts

@@ -1,20 +1,19 @@
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import { AsyncPipe, CurrencyPipe } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, inject, OnInit } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger, MatAutocomplete } from '@angular/material/autocomplete';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { MatButton } from '@angular/material/button';
 import { MatOption } from '@angular/material/core';
-import { MatDatepicker } from '@angular/material/datepicker';
 import {
   MAT_DIALOG_DATA,
-  MatDialogRef,
-  MatDialogTitle,
-  MatDialogContent,
   MatDialogActions,
   MatDialogClose,
+  MatDialogContent,
+  MatDialogRef,
+  MatDialogTitle,
 } from '@angular/material/dialog';
-import { MatFormField, MatLabel, MatHint, MatPrefix } from '@angular/material/form-field';
+import { MatFormField, MatHint, MatLabel, MatPrefix } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
 import { MatSelect } from '@angular/material/select';
 import { Observable, of as observableOf } from 'rxjs';
@@ -31,7 +30,6 @@ import { MathService } from '../shared/math.service';
   selector: 'app-journal-dialog',
   templateUrl: './journal-dialog.component.html',
   styleUrls: ['./journal-dialog.component.css'],
-  standalone: true,
   imports: [
     MatDialogTitle,
     CdkScrollable,
@@ -39,7 +37,6 @@ import { MathService } from '../shared/math.service';
     ReactiveFormsModule,
     MatFormField,
     MatSelect,
-    MatDatepicker,
     MatOption,
     MatLabel,
     MatInput,
@@ -56,6 +53,15 @@ import { MathService } from '../shared/math.service';
   ],
 })
 export class JournalDialogComponent implements OnInit {
+  dialogRef = inject<MatDialogRef<JournalDialogComponent>>(MatDialogRef);
+  data = inject<{
+    journal: Journal;
+    date: string;
+  }>(MAT_DIALOG_DATA);
+
+  private math = inject(MathService);
+  private accountSer = inject(AccountService);
+
   accounts: Observable<Account[]>;
   form: FormGroup<{
     debit: FormControl<number>;
@@ -66,12 +72,7 @@ export class JournalDialogComponent implements OnInit {
   account: Account = new Account();
   accBal: AccountBalance | null = null;
 
-  constructor(
-    public dialogRef: MatDialogRef<JournalDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: { journal: Journal; date: string },
-    private math: MathService,
-    private accountSer: AccountService,
-  ) {
+  constructor() {
     this.form = new FormGroup({
       debit: new FormControl(1, { nonNullable: true }),
       account: new FormControl(''),