Moved to Angular 20

Moved to Tailwind 4
Moved to Python 3.13
Enabled arm64/v8 Builds

bookie/src/app/header-footer/header-footer.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
@@ -12,7 +12,6 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { map } from 'rxjs/operators';
 
 import { ToasterService } from '../core/toaster.service';
-
 import { HeaderFooter } from './header-footer';
 import { HeaderFooterService } from './header-footer.service';
 
@@ -32,6 +31,12 @@ import { HeaderFooterService } from './header-footer.service';
   ],
 })
 export class HeaderFooterComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private toaster = inject(ToasterService);
+  private dialog = inject(MatDialog);
+  private ser = inject(HeaderFooterService);
+
   @ViewChild('section', { static: true }) sectionElement?: ElementRef;
   form: FormGroup<{
     id: FormControl<string>;
@@ -41,13 +46,9 @@ export class HeaderFooterComponent implements OnInit {
   list: HeaderFooter[] = [];
   id = '';
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private toaster: ToasterService,
-    private dialog: MatDialog,
-    private ser: HeaderFooterService,
-  ) {
+  constructor() {
+    const route = this.route;
+
     // Create form
     this.form = new FormGroup({
       id: new FormControl<string>('', { nonNullable: true }),

bookie/src/app/header-footer/header-footer.routes.ts

@@ -1,7 +1,6 @@
 import { Routes } from '@angular/router';
 
 import { authGuard } from '../auth/auth-guard.service';
-
 import { HeaderFooterComponent } from './header-footer.component';
 import { headerFooterResolver } from './header-footer.resolver';
 

bookie/src/app/header-footer/header-footer.service.ts

@@ -1,10 +1,9 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 
 import { ErrorLoggerService } from '../core/error-logger.service';
-
 import { HeaderFooter } from './header-footer';
 
 const httpOptions = {
@@ -17,10 +16,8 @@ const serviceName = 'HeaderFooterService';
   providedIn: 'root',
 })
 export class HeaderFooterService {
-  constructor(
-    private http: HttpClient,
-    private log: ErrorLoggerService,
-  ) {}
+  private http = inject(HttpClient);
+  private log = inject(ErrorLoggerService);
 
   list(): Observable<HeaderFooter[]> {
     return this.http.get<HeaderFooter[]>(url).pipe(catchError(this.log.handleError(serviceName, 'list'))) as Observable<