style: Now uses template files

src/app/features/room/chat-room/chat-room.component.ts

@@ -0,0 +1,59 @@
+import { Component, inject, signal } from '@angular/core';
+import { Router } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { Store } from '@ngrx/store';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import {
+  lucideHash,
+  lucideSettings,
+  lucideUsers,
+  lucideMenu,
+  lucideX,
+  lucideChevronLeft,
+} from '@ng-icons/lucide';
+
+import { ChatMessagesComponent } from '../../chat/chat-messages.component';
+import { UserListComponent } from '../../chat/user-list.component';
+import { ScreenShareViewerComponent } from '../../voice/screen-share-viewer/screen-share-viewer.component';
+import { AdminPanelComponent } from '../../admin/admin-panel/admin-panel.component';
+import { RoomsSidePanelComponent } from '../rooms-side-panel/rooms-side-panel.component';
+
+import { selectCurrentRoom } from '../../../store/rooms/rooms.selectors';
+import { selectIsCurrentUserAdmin } from '../../../store/users/users.selectors';
+
+type SidebarPanel = 'rooms' | 'users' | 'admin' | null;
+
+@Component({
+  selector: 'app-chat-room',
+  standalone: true,
+  imports: [
+    CommonModule,
+    NgIcon,
+    ChatMessagesComponent,
+    ScreenShareViewerComponent,
+    RoomsSidePanelComponent,
+  ],
+  viewProviders: [
+    provideIcons({
+      lucideHash,
+      lucideSettings,
+      lucideUsers,
+      lucideMenu,
+      lucideX,
+      lucideChevronLeft,
+    }),
+  ],
+  templateUrl: './chat-room.component.html',
+})
+export class ChatRoomComponent {
+  private store = inject(Store);
+  private router = inject(Router);
+  showMenu = signal(false);
+
+  currentRoom = this.store.selectSignal(selectCurrentRoom);
+  isAdmin = this.store.selectSignal(selectIsCurrentUserAdmin);
+
+  // Sidebar always visible; panel toggles removed
+
+  // Header moved to TitleBar
+}