Add Settings Popup

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

@@ -1,10 +1,20 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { RouterLink } from '@angular/router';
+import { NgOptimizedImage } from '@angular/common';
+import { PopupService } from '../../services/popup.service';
+import { SettingsPopup } from '../settings/settings';
 
 @Component({
   selector: 'header-menu',
-  imports: [RouterLink],
+  imports: [RouterLink, NgOptimizedImage],
   templateUrl: './header-menu.html',
   styleUrl: './header-menu.scss',
 })
-export class HeaderMenu {}
+export class HeaderMenu {
+  private popupService = inject(PopupService);
+
+  onSettingsClick() {
+    console.log('HeaderMenu: Settings clicked');
+    this.popupService.open(SettingsPopup);
+  }
+}