feat: Theme studio v2

toju-app/src/app/features/room/rooms-side-panel/rooms-side-panel.component.ts

@@ -37,6 +37,7 @@ import { MessagesActions } from '../../../store/messages/messages.actions';
 import { RealtimeSessionFacade } from '../../../core/realtime';
 import { ScreenShareFacade } from '../../../domains/screen-share';
 import { NotificationsFacade } from '../../../domains/notifications';
+import { ThemeNodeDirective } from '../../../domains/theme';
 import {
   VoiceActivityService,
   VoiceConnectionFacade,
@@ -82,7 +83,8 @@ type PanelMode = 'channels' | 'users';
     ContextMenuComponent,
     UserVolumeMenuComponent,
     UserAvatarComponent,
-    ConfirmDialogComponent
+    ConfirmDialogComponent,
+    ThemeNodeDirective
   ],
   viewProviders: [
     provideIcons({
@@ -142,10 +144,8 @@ export class RoomsSidePanelComponent {
     const memberIdentifiers = this.roomMemberIdentifiers();
     const roomId = this.currentRoom()?.id;
 
-    return this.onlineUsers().filter((user) =>
-      !this.isCurrentUserIdentity(user)
-      && this.matchesIdentifiers(memberIdentifiers, user)
-      && this.isUserPresentInRoom(user, roomId)
+    return this.onlineUsers().filter(
+      (user) => !this.isCurrentUserIdentity(user) && this.matchesIdentifiers(memberIdentifiers, user) && this.isUserPresentInRoom(user, roomId)
     );
   });
   offlineRoomMembers = computed(() => {
@@ -661,9 +661,7 @@ export class RoomsSidePanelComponent {
   }
 
   private handleVoiceJoinFailure(error: unknown): void {
-    const message = error instanceof Error
-      ? error.message
-      : 'Failed to join voice channel.';
+    const message = error instanceof Error ? error.message : 'Failed to join voice channel.';
 
     this.voiceConnection.reportConnectionError(message);
   }