refactor advanced-form to use FormSectionComponent

Author: xcutiboo

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

@@ -3,19 +3,15 @@ import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { NumberInputComponent } from '../../shared/number-input/number-input.component';
 import { VersionBadgeComponent } from '../../shared/version-badge/version-badge.component';
+import { FormSectionComponent } from '../../shared/form-section/form-section.component';
 import { createFormHelper } from '../../../utils/form-helpers';
 import { KittyVersionService } from '../../../services/kitty-version.service';
 
 @Component({
   selector: 'app-advanced-form',
-  imports: [CommonModule, FormsModule, NumberInputComponent, VersionBadgeComponent],
+  imports: [CommonModule, FormsModule, NumberInputComponent, VersionBadgeComponent, FormSectionComponent],
   template: `
-    <div class="space-y-6">
-      <div>
-        <h2 class="text-2xl font-bold text-kitty-primary mb-2">Advanced</h2>
-        <p class="text-kitty-text-dim">Shell integration, remote control, startup configuration, and system settings</p>
-      </div>
-
+    <app-form-section title="Advanced" description="Shell integration, remote control, startup configuration, and system settings">
       <div class="bg-kitty-warning/10 border border-kitty-warning/30 rounded-lg p-4">
         <p class="text-kitty-warning text-sm">
           Settings marked
@@ -317,7 +313,7 @@ import { KittyVersionService } from '../../../services/kitty-version.service';
           </div>
         }
       </div>
-    </div>
+    </app-form-section>
   `,
   styles: []
 })