Add notification sounds

src/app/features/settings/settings.component.ts

@@ -18,6 +18,7 @@ import {
 
 import { ServerDirectoryService } from '../../core/services/server-directory.service';
 import { WebRTCService } from '../../core/services/webrtc.service';
+import { NotificationAudioService, AppSound } from '../../core/services/notification-audio.service';
 import { STORAGE_KEY_CONNECTION_SETTINGS, STORAGE_KEY_VOICE_SETTINGS } from '../../core/constants';
 
 @Component({
@@ -47,6 +48,7 @@ export class SettingsComponent implements OnInit {
   private serverDirectory = inject(ServerDirectoryService);
   private webrtcService = inject(WebRTCService);
   private router = inject(Router);
+  audioService = inject(NotificationAudioService);
 
   servers = this.serverDirectory.servers;
   isTesting = signal(false);
@@ -157,6 +159,16 @@ export class SettingsComponent implements OnInit {
     }
   }
 
+  /** Called when the notification volume slider changes. */
+  onNotificationVolumeChange(value: number): void {
+    this.audioService.setNotificationVolume(value);
+  }
+
+  /** Play a preview of the notification sound at the current volume. */
+  previewNotificationSound(): void {
+    this.audioService.play(AppSound.Notification);
+  }
+
   /** Persist noise reduction preference (merged into existing voice settings) and apply immediately. */
   async saveVoiceSettings(): Promise<void> {
     // Merge into existing voice settings so we don't overwrite device/volume prefs