Moved to Angular v20 and Tailwind v4 plus all related dependencies

Renamed Docker directory.

Also serving static files from FastAPI.

overlord/src/app/recipe-template/recipe-template-detail/recipe-template-detail.component.ts

@@ -1,16 +1,16 @@
-import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, inject, OnInit, ViewChild } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
-import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardActions } from '@angular/material/card';
+import { MatCard, MatCardActions, MatCardContent, MatCardHeader, MatCardTitle } from '@angular/material/card';
 import { MatCheckbox } from '@angular/material/checkbox';
-import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker } from '@angular/material/datepicker';
+import { MatDatepicker, MatDatepickerInput, MatDatepickerToggle } from '@angular/material/datepicker';
 import { MatDialog } from '@angular/material/dialog';
 import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import moment from 'moment';
 
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { ConfirmDialogComponent } from '../../shared/confirm-dialog/confirm-dialog.component';
 import { RecipeTemplate } from '../recipe-template';
 import { RecipeTemplateService } from '../recipe-template.service';
@@ -19,7 +19,6 @@ import { RecipeTemplateService } from '../recipe-template.service';
   selector: 'app-recipe-template-detail',
   templateUrl: './recipe-template-detail.component.html',
   styleUrls: ['./recipe-template-detail.component.css'],
-  standalone: true,
   imports: [
     MatCard,
     MatCardHeader,
@@ -39,6 +38,12 @@ import { RecipeTemplateService } from '../recipe-template.service';
   ],
 })
 export class RecipeTemplateDetailComponent implements OnInit, AfterViewInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private dialog = inject(MatDialog);
+  private snackBar = inject(MatSnackBar);
+  private ser = inject(RecipeTemplateService);
+
   @ViewChild('nameElement', { static: true }) nameElement!: ElementRef<HTMLInputElement>;
   form: FormGroup<{
     name: FormControl<string>;
@@ -49,13 +54,7 @@ export class RecipeTemplateDetailComponent implements OnInit, AfterViewInit {
 
   item: RecipeTemplate = new RecipeTemplate();
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private dialog: MatDialog,
-    private snackBar: MatSnackBar,
-    private ser: RecipeTemplateService,
-  ) {
+  constructor() {
     this.form = new FormGroup({
       name: new FormControl<string>('', { nonNullable: true }),
       date: new FormControl(new Date(), { nonNullable: true }),