Moved to Angular v20 and Tailwind v4 plus all related dependencies

Renamed Docker directory.

Also serving static files from FastAPI.

overlord/src/app/employee-functions/employee-functions.component.ts

@@ -1,15 +1,13 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { MatButton, MatAnchor } from '@angular/material/button';
+import { MatAnchor, MatButton } from '@angular/material/button';
 import { MatCard, MatCardContent } from '@angular/material/card';
 import { MatDatepicker, MatDatepickerInput, MatDatepickerToggle } from '@angular/material/datepicker';
 import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
-import { MatTabGroup, MatTab } from '@angular/material/tabs';
-import moment from 'moment';
-import { Moment } from 'moment';
-
 import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatTab, MatTabGroup } from '@angular/material/tabs';
+import moment from 'moment';
 
 import { EmployeeFunctionsService } from './employee-functions.service';
 
@@ -17,7 +15,6 @@ import { EmployeeFunctionsService } from './employee-functions.service';
   selector: 'app-employee-functions',
   templateUrl: './employee-functions.component.html',
   styleUrls: ['./employee-functions.component.css'],
-  standalone: true,
   imports: [
     MatTabGroup,
     MatTab,
@@ -36,6 +33,9 @@ import { EmployeeFunctionsService } from './employee-functions.service';
   ],
 })
 export class EmployeeFunctionsComponent {
+  private snackBar = inject(MatSnackBar);
+  private ser = inject(EmployeeFunctionsService);
+
   creditSalaryForm: FormGroup<{
     date: FormControl<moment.Moment>;
   }>;
@@ -47,10 +47,7 @@ export class EmployeeFunctionsComponent {
 
   fingerprintFile: File | null = null;
 
-  constructor(
-    private snackBar: MatSnackBar,
-    private ser: EmployeeFunctionsService,
-  ) {
+  constructor() {
     const startDate = moment().date(1);
     const finishDate = moment().date(startDate.daysInMonth());
     this.creditSalaryForm = new FormGroup({
@@ -62,14 +59,14 @@ export class EmployeeFunctionsComponent {
     });
   }
 
-  chosenYearHandler(normalizedYear: Moment) {
+  chosenYearHandler(normalizedYear: moment.Moment) {
     const ctrlValue = this.creditSalaryForm.value.date ?? moment();
     ctrlValue.year(normalizedYear.year());
     ctrlValue.date(ctrlValue.daysInMonth());
     this.creditSalaryForm.setValue({ date: ctrlValue });
   }
 
-  chosenMonthHandler(normlizedMonth: Moment, datepicker: MatDatepicker<Moment>) {
+  chosenMonthHandler(normlizedMonth: moment.Moment, datepicker: MatDatepicker<moment.Moment>) {
     const ctrlValue = this.creditSalaryForm.value.date ?? moment();
     ctrlValue.month(normlizedMonth.month());
     ctrlValue.date(ctrlValue.daysInMonth());