toSignal via Gemini

bookie/src/app/header-footer/header-footer.component.html

@@ -1,9 +1,9 @@
-<form [formGroup]="form" class="flex-col">
+<form class="flex-col">
   <div class="row-container">
     <mat-form-field class="flex-auto">
       <mat-label>Header / Footer</mat-label>
-      <mat-select formControlName="id" (selectionChange)="show($event)">
-        @for (s of list; track s) {
+      <mat-select [formField]="form.id" (selectionChange)="show($event)">
+        @for (s of list(); track s) {
           <mat-option [value]="s.id">
             {{ s.name }}
           </mat-option>
@@ -14,10 +14,10 @@
   <div class="row-container">
     <mat-form-field class="flex-auto">
       <mat-label>Text</mat-label>
-      <textarea matInput matAutosizeMinRows="5" formControlName="text"></textarea>
+      <textarea matInput matAutosizeMinRows="5" [formField]="form.text"></textarea>
     </mat-form-field>
   </div>
 </form>
 <div class="row-container">
-  <button mat-raised-button color="primary" (click)="save()">Save</button>
+  <button type="button" mat-raised-button color="primary" (click)="save()">Save</button>
 </div>