fix(front): enter key not working in <textarea> elements

This is because forms can eat the input, really gross. Made a global
directive so this is never an issue in the future.

apps/frontend/src/app/directives/textarea-allow-enter.directive.ts

@@ -0,0 +1,11 @@
+import { Directive, HostListener } from '@angular/core';
+
+@Directive({ selector: 'textarea', standalone: true })
+export class TextareaAllowEnterDirective {
+  @HostListener('keydown', ['$event'])
+  onKeyDown(event: KeyboardEvent) {
+    if (event.key === 'Enter') {
+      event.stopPropagation();
+    }
+  }
+}

apps/frontend/src/app/shared.module.ts

@@ -17,7 +17,6 @@ import { CardHeaderComponent } from './components/card/card-header.component';
 import { CardBodyComponent } from './components/card/card-body.component';
 import { TooltipDirective } from './directives/tooltip.directive';
 import { SpinnerDirective } from './directives/spinner.directive';
-
 import { RangePipe } from './pipes/range.pipe';
 import { EnumValuePipe } from './pipes/enum-value.pipe';
 import { NumberWithCommasPipe } from './pipes/number-with-commas.pipe';
@@ -26,6 +25,7 @@ import { ThousandsSuffixPipe } from './pipes/thousands-suffix.pipe';
 import { TimeAgoPipe } from './pipes/time-ago.pipe';
 import { TimingPipe } from './pipes/timing.pipe';
 import { UnsortedKeyvaluePipe } from './pipes/unsorted-keyvalue.pipe';
+import { TextareaAllowEnterDirective } from './directives/textarea-allow-enter.directive';
 
 const SHARED = [
   CommonModule,
@@ -50,7 +50,8 @@ const SHARED = [
   ThousandsSuffixPipe,
   TimeAgoPipe,
   TimingPipe,
-  UnsortedKeyvaluePipe
+  UnsortedKeyvaluePipe,
+  TextareaAllowEnterDirective
 ];
 
 /**