Moved to Angular 20

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

bookie/src/app/guest-book/guest-book-list/guest-book-list.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
@@ -17,7 +17,6 @@ import { LocalTimePipe } from '../../shared/local-time.pipe';
 import { GuestBook } from '../guest-book';
 import { GuestBookList } from '../guest-book-list';
 import { GuestBookService } from '../guest-book.service';
-
 import { GuestBookListDataSource } from './guest-book-list-datasource';
 
 @Component({
@@ -39,6 +38,11 @@ import { GuestBookListDataSource } from './guest-book-list-datasource';
   ],
 })
 export class GuestBookListComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private toaster = inject(ToasterService);
+  private ser = inject(GuestBookService);
+
   data: BehaviorSubject<GuestBook[]> = new BehaviorSubject<GuestBook[]>([]);
   dataSource: GuestBookListDataSource = new GuestBookListDataSource(this.data);
   form: FormGroup<{
@@ -48,12 +52,7 @@ export class GuestBookListComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['sno', 'name', 'phone', 'pax', 'date', 'action'];
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private toaster: ToasterService,
-    private ser: GuestBookService,
-  ) {
+  constructor() {
     // Create form
     this.form = new FormGroup({
       date: new FormControl(new Date(), { nonNullable: true }),