Fix Dark Theme Application Architecture

src/app/features/header-menu/header-menu.ts

@@ -4,6 +4,7 @@ import { NgOptimizedImage } from '@angular/common';
 import { PopupService } from '../../services/popup.service';
 import { SettingsPopup } from '../settings/settings';
 import { TranslationService } from '../../services/translation.service';
+import { SettingsService } from '../../services/settings.service';
 
 @Component({
   selector: 'header-menu',
@@ -14,9 +15,9 @@ import { TranslationService } from '../../services/translation.service';
 export class HeaderMenu {
   private popupService = inject(PopupService);
   protected translation = inject(TranslationService).translation;
+  protected settings = inject(SettingsService);
 
   onSettingsClick() {
-    console.log('HeaderMenu: Settings clicked');
     this.popupService.open(SettingsPopup, { position: { top: '84px', right: '20px' } });
   }
 }