Improve Settings Popup Accessibility

src/app/features/settings/settings.ts

@@ -7,12 +7,22 @@ import { PopupService } from '../../services/popup.service';
 import { SettingsService, Language } from '../../services/settings.service';
 import { TranslationService } from '../../services/translation.service';
 
+@Component({
+  selector: 'settings-category',
+  standalone: true,
+  templateUrl: './category.html',
+  styleUrl: './category.scss',
+})
+export class SettingsCategory {
+  headerLabel = input<string>();
+}
+
 @Component({
   selector: 'settings-popup',
   standalone: true,
-  imports: [PopupComponent, Dropdown, Switch, NgOptimizedImage],
-  templateUrl: './popup.html',
-  styleUrl: './popup.scss',
+  imports: [PopupComponent, Dropdown, Switch, NgOptimizedImage, SettingsCategory],
+  templateUrl: './settings.html',
+  styleUrl: './settings.scss',
 })
 export class SettingsPopup {
   private popupService = inject(PopupService);