fix signal access in fonts-form template

Author: xcutiboo

src/components/forms/advanced-form/advanced-form.component.ts

@@ -111,7 +111,7 @@ import { KittyVersionService } from '../../../services/kitty-version.service';
         </div>
       </div>
 
-      @if (advancedMode()) {
+      @if (helper.advancedMode()) {
         <div class="bg-kitty-surface rounded-lg p-6 border border-kitty-border">
           <h3 class="text-lg font-semibold text-kitty-text mb-4">System & Network</h3>
 

src/components/forms/fonts-form/fonts-form.component.ts

@@ -33,10 +33,10 @@ import { KittyVersionService } from '../../../services/kitty-version.service';
                 <button
                   type="button"
                   (click)="selectFont(font.family)"
-                  [class.bg-kitty-primary]="fonts.font_family === font.family"
-                  [class.text-kitty-dark]="fonts.font_family === font.family"
-                  [class.bg-kitty-surface-light]="fonts.font_family !== font.family"
-                  [class.text-kitty-text]="fonts.font_family !== font.family"
+                  [class.bg-kitty-primary]="fonts().font_family === font.family"
+                  [class.text-kitty-dark]="fonts().font_family === font.family"
+                  [class.bg-kitty-surface-light]="fonts().font_family !== font.family"
+                  [class.text-kitty-text]="fonts().font_family !== font.family"
                   class="px-3 py-2 rounded-lg text-xs font-mono hover:bg-kitty-primary hover:text-kitty-dark transition-colors border border-kitty-border"
                   [title]="font.description"
                 >{{ font.name }}</button>
@@ -53,10 +53,10 @@ import { KittyVersionService } from '../../../services/kitty-version.service';
                 <button
                   type="button"
                   (click)="selectFont(font.family)"
-                  [class.bg-kitty-primary]="fonts.font_family === font.family"
-                  [class.text-kitty-dark]="fonts.font_family === font.family"
-                  [class.bg-kitty-surface-light]="fonts.font_family !== font.family"
-                  [class.text-kitty-text]="fonts.font_family !== font.family"
+                  [class.bg-kitty-primary]="fonts().font_family === font.family"
+                  [class.text-kitty-dark]="fonts().font_family === font.family"
+                  [class.bg-kitty-surface-light]="fonts().font_family !== font.family"
+                  [class.text-kitty-text]="fonts().font_family !== font.family"
                   class="px-2 py-1.5 rounded text-xs font-mono hover:bg-kitty-primary hover:text-kitty-dark transition-colors border border-kitty-border"
                   [title]="font.description"
                 >{{ font.name }}</button>

src/components/forms/tab-bar-form/tab-bar-form.component.ts

@@ -59,7 +59,7 @@ import { KittyVersionService } from '../../../services/kitty-version.service';
           </div>
         </div>
 
-        @if (advancedMode()) {
+        @if (helper.advancedMode()) {
           <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
             <div class="form-group">
               <label class="block text-sm font-medium text-kitty-text mb-2">Alignment</label>