Chore: Eslint v9

Chore: Angular Zoneless
Chore: Removed Angular-Hotkeys dependency
Fix: Localization works properly now
Chore: Using Material 3 theme now
Chore: Removed toaster service to use snackbar directly
Fix: F2 Date working on all components now

overlord/src/app/client/client-detail/client-detail.component.ts

@@ -8,7 +8,7 @@ import { MatFormField, MatLabel } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { ToasterService } from '../../core/toaster.service';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { ConfirmDialogComponent } from '../../shared/confirm-dialog/confirm-dialog.component';
 import { Client } from '../client';
 import { ClientService } from '../client.service';
@@ -33,7 +33,7 @@ import { ClientService } from '../client.service';
   ],
 })
 export class ClientDetailComponent implements OnInit, AfterViewInit {
-  @ViewChild('nameElement', { static: true }) nameElement?: ElementRef;
+  @ViewChild('nameElement', { static: true }) nameElement!: ElementRef<HTMLInputElement>;
   form: FormGroup<{
     code: FormControl<number | string>;
     name: FormControl<string | null>;
@@ -47,7 +47,7 @@ export class ClientDetailComponent implements OnInit, AfterViewInit {
     private route: ActivatedRoute,
     private router: Router,
     private dialog: MatDialog,
-    private toaster: ToasterService,
+    private snackBar: MatSnackBar,
     private ser: ClientService,
   ) {
     this.form = new FormGroup({
@@ -78,20 +78,18 @@ export class ClientDetailComponent implements OnInit, AfterViewInit {
 
   ngAfterViewInit() {
     setTimeout(() => {
-      if (this.nameElement) {
-        this.nameElement.nativeElement.focus();
-      }
+      this.nameElement.nativeElement.focus();
     }, 0);
   }
 
   save() {
     this.ser.update(this.getItem()).subscribe({
       next: () => {
-        this.toaster.show('Success', '');
+        this.snackBar.open('', 'Success');
         this.router.navigateByUrl('/clients');
       },
       error: (error) => {
-        this.toaster.show('Danger', error);
+        this.snackBar.open(error, 'Danger');
       },
     });
   }
@@ -99,11 +97,11 @@ export class ClientDetailComponent implements OnInit, AfterViewInit {
   delete() {
     this.ser.delete(this.item.id).subscribe({
       next: () => {
-        this.toaster.show('Success', '');
+        this.snackBar.open('', 'Success');
         this.router.navigateByUrl('/clients');
       },
       error: (error) => {
-        this.toaster.show('Danger', error);
+        this.snackBar.open(error, 'Danger');
       },
     });
   }

overlord/src/app/client/client-list/client-list.component.ts

@@ -49,10 +49,10 @@ import { ClientListDataSource } from './client-list-datasource';
   ],
 })
 export class ClientListComponent implements OnInit {
-  @ViewChild(MatPaginator, { static: true }) paginator?: MatPaginator;
-  @ViewChild(MatSort, { static: true }) sort?: MatSort;
+  @ViewChild(MatPaginator, { static: true }) paginator!: MatPaginator;
+  @ViewChild(MatSort, { static: true }) sort!: MatSort;
   list: Client[] = [];
-  dataSource: ClientListDataSource = new ClientListDataSource(this.list);
+  dataSource: ClientListDataSource = new ClientListDataSource(this.list, this.paginator, this.sort);
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['code', 'name', 'enabled', 'otp', 'created', 'last'];