style: Now uses template files

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

@@ -0,0 +1,37 @@
+<div class="h-full flex flex-col bg-background">
+  @if (currentRoom()) {
+    <!-- Main Content -->
+    <div class="flex-1 flex overflow-hidden">
+      <!-- Left rail is global; chat area fills remaining space -->
+
+      <!-- Chat Area -->
+      <main class="flex-1 flex flex-col min-w-0">
+        <!-- Screen Share Viewer -->
+        <app-screen-share-viewer />
+
+        <!-- Messages -->
+        <div class="flex-1 overflow-hidden">
+          <app-chat-messages />
+        </div>
+      </main>
+
+      <!-- Sidebar always visible -->
+      <aside class="w-80 flex-shrink-0 border-l border-border">
+        <app-rooms-side-panel class="h-full" />
+      </aside>
+    </div>
+
+    <!-- Voice Controls moved to sidebar bottom -->
+
+    <!-- Mobile overlay removed; sidebar remains visible by default -->
+  } @else {
+    <!-- No Room Selected -->
+    <div class="flex-1 flex items-center justify-center">
+      <div class="text-center text-muted-foreground">
+        <ng-icon name="lucideHash" class="w-16 h-16 mx-auto mb-4 opacity-30" />
+        <h2 class="text-xl font-medium mb-2">No room selected</h2>
+        <p class="text-sm">Select or create a room to start chatting</p>
+      </div>
+    </div>
+  }
+</div>