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/balance-sheet/balance-sheet.component.html

@@ -7,13 +7,7 @@
       <div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
         <mat-form-field class="flex-auto mr-5">
           <mat-label>Date</mat-label>
-          <input
-            matInput
-            [matDatepicker]="dateInput"
-            (focus)="dateInput.open()"
-            formControlName="date"
-            autocomplete="off"
-          />
+          <input matInput #dateElement [matDatepicker]="dateInput" formControlName="date" autocomplete="off" />
           <mat-datepicker-toggle matSuffix [for]="dateInput"></mat-datepicker-toggle>
           <mat-datepicker #dateInput></mat-datepicker>
         </mat-form-field>

overlord/src/app/balance-sheet/balance-sheet.component.ts

@@ -1,5 +1,5 @@
 import { CurrencyPipe } from '@angular/common';
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 import { MatCard, MatCardHeader, MatCardTitle, MatCardContent } from '@angular/material/card';
@@ -73,10 +73,11 @@ import { BalanceSheetDataSource } from './balance-sheet-datasource';
   ],
 })
 export class BalanceSheetComponent 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;
+  @ViewChild('dateElement', { static: true }) dateElement!: ElementRef<HTMLInputElement>;
   info: BalanceSheet = new BalanceSheet();
-  dataSource: BalanceSheetDataSource = new BalanceSheetDataSource(this.info.body);
+  dataSource: BalanceSheetDataSource = new BalanceSheetDataSource(this.info.body, this.paginator, this.sort);
   form: FormGroup<{
     date: FormControl<Date>;
   }>;
@@ -84,6 +85,13 @@ export class BalanceSheetComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['group', 'name', 'subAmount', 'total'];
 
+  @HostListener('window:keydown.f2', ['$event'])
+  focusDate(event: KeyboardEvent) {
+    event.preventDefault();
+    this.dateElement.nativeElement.focus();
+    this.dateElement.nativeElement.select();
+  }
+
   constructor(
     private route: ActivatedRoute,
     private router: Router,