Add new settngs modal

src/app/app.ts

@@ -11,10 +11,15 @@ import { ExternalLinkService } from './core/services/external-link.service';
 import { ServersRailComponent } from './features/servers/servers-rail.component';
 import { TitleBarComponent } from './features/shell/title-bar.component';
 import { FloatingVoiceControlsComponent } from './features/voice/floating-voice-controls/floating-voice-controls.component';
+import { SettingsModalComponent } from './features/settings/settings-modal/settings-modal.component';
 import { UsersActions } from './store/users/users.actions';
 import { RoomsActions } from './store/rooms/rooms.actions';
 import { selectCurrentRoom } from './store/rooms/rooms.selectors';
-import { ROOM_URL_PATTERN, STORAGE_KEY_CURRENT_USER_ID, STORAGE_KEY_LAST_VISITED_ROUTE } from './core/constants';
+import {
+  ROOM_URL_PATTERN,
+  STORAGE_KEY_CURRENT_USER_ID,
+  STORAGE_KEY_LAST_VISITED_ROUTE,
+} from './core/constants';
 
 /**
  * Root application component.
@@ -24,7 +29,14 @@ import { ROOM_URL_PATTERN, STORAGE_KEY_CURRENT_USER_ID, STORAGE_KEY_LAST_VISITED
  */
 @Component({
   selector: 'app-root',
-  imports: [CommonModule, RouterOutlet, ServersRailComponent, TitleBarComponent, FloatingVoiceControlsComponent],
+  imports: [
+    CommonModule,
+    RouterOutlet,
+    ServersRailComponent,
+    TitleBarComponent,
+    FloatingVoiceControlsComponent,
+    SettingsModalComponent,
+  ],
   templateUrl: './app.html',
   styleUrl: './app.scss',
 })