feat: Add notifications

toju-app/src/app/features/settings/settings-modal/settings-modal.component.ts

@@ -15,6 +15,7 @@ import { NgIcon, provideIcons } from '@ng-icons/core';
 import {
   lucideX,
   lucideBug,
+  lucideBell,
   lucideDownload,
   lucideGlobe,
   lucideAudioLines,
@@ -30,6 +31,7 @@ import { selectSavedRooms, selectCurrentRoom } from '../../../store/rooms/rooms.
 import { selectCurrentUser } from '../../../store/users/users.selectors';
 import { Room, UserRole } from '../../../shared-kernel';
 import { findRoomMember } from '../../../store/rooms/room-members.helpers';
+import { NotificationsSettingsComponent } from '../../../domains/notifications/feature/settings/notifications-settings.component';
 
 import { GeneralSettingsComponent } from './general-settings/general-settings.component';
 import { NetworkSettingsComponent } from './network-settings/network-settings.component';
@@ -51,6 +53,7 @@ import { THIRD_PARTY_LICENSES, type ThirdPartyLicense } from './third-party-lice
     NgIcon,
     GeneralSettingsComponent,
     NetworkSettingsComponent,
+    NotificationsSettingsComponent,
     VoiceSettingsComponent,
     UpdatesSettingsComponent,
     DebuggingSettingsComponent,
@@ -63,6 +66,7 @@ import { THIRD_PARTY_LICENSES, type ThirdPartyLicense } from './third-party-lice
     provideIcons({
       lucideX,
       lucideBug,
+      lucideBell,
       lucideDownload,
       lucideGlobe,
       lucideAudioLines,
@@ -97,6 +101,9 @@ export class SettingsModalComponent {
     { id: 'network',
       label: 'Network',
       icon: 'lucideGlobe' },
+    { id: 'notifications',
+      label: 'Notifications',
+      icon: 'lucideBell' },
     { id: 'voice',
       label: 'Voice & Audio',
       icon: 'lucideAudioLines' },