Removed Recipe Template as it was not needed.

Moved host listeners to the component declaration.
Form submit on Return fixed.

overlord/src/app/payment/payment.component.ts

@@ -1,16 +1,6 @@
 import { COMMA, ENTER } from '@angular/cdk/keycodes';
 import { CurrencyPipe } from '@angular/common';
-import {
-  Component,
-  HostListener,
-  inject,
-  computed,
-  effect,
-  signal,
-  input,
-  linkedSignal,
-  afterNextRender,
-} from '@angular/core';
+import { Component, inject, computed, effect, signal, input, linkedSignal, afterNextRender } from '@angular/core';
 import { form, FormField, FormRoot } from '@angular/forms/signals';
 import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
@@ -83,6 +73,14 @@ export interface PaymentFormModel {
   selector: 'app-payment',
   templateUrl: './payment.component.html',
   styleUrls: ['./payment.component.css'],
+  host: {
+    '(window:keydown.f2)': 'focusDate($event)',
+    '(window:keydown.f5)': 'redirectToPayment($event)',
+    '(window:keydown.f6)': 'redirectToReciept($event)',
+    '(window:keydown.f7)': 'redirectToJournal($event)',
+    '(window:keydown.control.s)': 'saveListner($event)',
+    '(window:keydown.control.p)': 'postListner($event)',
+  },
   imports: [
     FormField,
     FormRoot,
@@ -199,18 +197,15 @@ export class PaymentComponent {
   paymentAccountsResource = this.accountSer.paymentAutocomplete(signal(''));
   paymentAccounts = computed(() => this.paymentAccountsResource.value() ?? []);
 
-  @HostListener('window:keydown.f2', ['$event'])
   focusDate(event: Event) {
     event.preventDefault();
     this.form().focusBoundControl();
   }
 
-  @HostListener('window:keydown.f5', ['$event'])
   redirectToPayment(event: Event) {
     event.preventDefault();
   }
 
-  @HostListener('window:keydown.f6', ['$event'])
   redirectToReciept(event: Event) {
     event.preventDefault();
     this.router.navigate(['receipt'], {
@@ -222,7 +217,6 @@ export class PaymentComponent {
     });
   }
 
-  @HostListener('window:keydown.f7', ['$event'])
   redirectToJournal(event: Event) {
     event.preventDefault();
     this.router.navigate(['journal'], {
@@ -233,7 +227,6 @@ export class PaymentComponent {
     });
   }
 
-  @HostListener('window:keydown.control.s', ['$event'])
   saveListner(event: Event) {
     event.preventDefault();
     if (this.canSave()) {
@@ -241,7 +234,6 @@ export class PaymentComponent {
     }
   }
 
-  @HostListener('window:keydown.control.p', ['$event'])
   postListner(event: Event) {
     event.preventDefault();
     if (this.id() && !this.form.posted().controlValue() && this.auth.allowed('post-vouchers')) {