Moved to Angular v20 and Tailwind v4 plus all related dependencies

Renamed Docker directory.

Also serving static files from FastAPI.

overlord/src/app/cost-centre/cost-centre-list/cost-centre-list.component.ts

@@ -1,32 +1,30 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, inject, OnInit, ViewChild } from '@angular/core';
 import { MatAnchor } from '@angular/material/button';
-import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card';
+import { MatCard, MatCardContent, MatCardHeader, MatCardTitle, MatCardTitleGroup } from '@angular/material/card';
 import { MatIcon } from '@angular/material/icon';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort, MatSortHeader } from '@angular/material/sort';
 import {
-  MatTable,
-  MatColumnDef,
-  MatHeaderCellDef,
-  MatHeaderCell,
-  MatCellDef,
   MatCell,
-  MatHeaderRowDef,
+  MatCellDef,
+  MatColumnDef,
+  MatHeaderCell,
+  MatHeaderCellDef,
   MatHeaderRow,
-  MatRowDef,
+  MatHeaderRowDef,
   MatRow,
+  MatRowDef,
+  MatTable,
 } from '@angular/material/table';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 
 import { CostCentre } from '../../core/cost-centre';
-
 import { CostCentreListDataSource } from './cost-centre-list-datasource';
 
 @Component({
   selector: 'app-cost-centre-list',
   templateUrl: './cost-centre-list.component.html',
   styleUrls: ['./cost-centre-list.component.css'],
-  standalone: true,
   imports: [
     MatCard,
     MatCardHeader,
@@ -52,6 +50,8 @@ import { CostCentreListDataSource } from './cost-centre-list-datasource';
   ],
 })
 export class CostCentreListComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+
   @ViewChild(MatPaginator, { static: true }) paginator!: MatPaginator;
   @ViewChild(MatSort, { static: true }) sort!: MatSort;
   list: CostCentre[] = [];
@@ -59,8 +59,6 @@ export class CostCentreListComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['name', 'isFixture'];
 
-  constructor(private route: ActivatedRoute) {}
-
   ngOnInit() {
     this.route.data.subscribe((value) => {
       const data = value as { list: CostCentre[] };