Moved to Angular v20 and Tailwind v4 plus all related dependencies

Renamed Docker directory.

Also serving static files from FastAPI.

overlord/src/app/mozimo-daily-register/mozimo-daily-register.component.ts

@@ -1,39 +1,35 @@
-import { DecimalPipe, CurrencyPipe, AsyncPipe } from '@angular/common';
-import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
-import { FormGroup, FormArray, FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
+import { DecimalPipe } from '@angular/common';
+import { Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core';
+import { FormArray, FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatBadgeModule } from '@angular/material/badge';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatBadgeModule } from '@angular/material/badge';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { MatTableModule } from '@angular/material/table';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { ActivatedRoute, Router } from '@angular/router';
 import moment from 'moment';
+import { BehaviorSubject } from 'rxjs';
 
 import { AuthService } from '../auth/auth.service';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { LocalTimePipe } from '../shared/local-time.pipe';
 import { ToCsvService } from '../shared/to-csv.service';
-
 import { MozimoDailyRegister } from './mozimo-daily-register';
 import { MozimoDailyRegisterDataSource } from './mozimo-daily-register-datasource';
 import { MozimoDailyRegisterItem } from './mozimo-daily-register-item';
 import { MozimoDailyRegisterService } from './mozimo-daily-register.service';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { BehaviorSubject } from 'rxjs';
-import { LocalTimePipe } from '../shared/local-time.pipe';
-import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
   selector: 'app-mozimo-daily-register',
   templateUrl: './mozimo-daily-register.component.html',
   styleUrls: ['./mozimo-daily-register.component.css'],
-  standalone: true,
   imports: [
-    AsyncPipe,
-    CurrencyPipe,
     DecimalPipe,
     LocalTimePipe,
     MatAutocompleteModule,
@@ -52,6 +48,14 @@ import { MatTooltipModule } from '@angular/material/tooltip';
   providers: [LocalTimePipe],
 })
 export class MozimoDailyRegisterComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private toCsv = inject(ToCsvService);
+  private localTimePipe = inject(LocalTimePipe);
+  private snackBar = inject(MatSnackBar);
+  auth = inject(AuthService);
+  private ser = inject(MozimoDailyRegisterService);
+
   @ViewChild('dateElement', { static: false }) dateElement!: ElementRef<HTMLInputElement>;
   @ViewChild(MatPaginator, { static: true }) paginator!: MatPaginator;
   info: MozimoDailyRegister = new MozimoDailyRegister();
@@ -74,15 +78,7 @@ export class MozimoDailyRegisterComponent implements OnInit {
 
   displayedColumns = ['product', 'opening', 'received', 'sale', 'nc', 'display', 'ageing', 'variance', 'closing'];
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private toCsv: ToCsvService,
-    private localTimePipe: LocalTimePipe,
-    private snackBar: MatSnackBar,
-    public auth: AuthService,
-    private ser: MozimoDailyRegisterService,
-  ) {
+  constructor() {
     this.form = new FormGroup({
       date: new FormControl(new Date(), { nonNullable: true }),
       items: new FormArray<