Rework design part 1

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

@@ -3,6 +3,7 @@ import {
   Component,
   inject,
   computed,
+  input,
   signal
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -58,7 +59,7 @@ import {
 } from '../../../shared-kernel';
 import { v4 as uuidv4 } from 'uuid';
 
-type TabView = 'channels' | 'users';
+type PanelMode = 'channels' | 'users';
 
 @Component({
   selector: 'app-rooms-side-panel',
@@ -100,7 +101,8 @@ export class RoomsSidePanelComponent {
   private voicePlayback = inject(VoicePlaybackService);
   voiceActivity = inject(VoiceActivityService);
 
-  activeTab = signal<TabView>('channels');
+  readonly panelMode = input<PanelMode>('channels');
+  readonly showVoiceControls = input(true);
   showFloatingControls = this.voiceSessionService.showFloatingControls;
   isVoiceWorkspaceExpanded = this.voiceWorkspace.isExpanded;
   onlineUsers = this.store.selectSignal(selectOnlineUsers);