Add new settngs modal

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

@@ -5,15 +5,6 @@
       <span class="text-muted-foreground text-lg">#</span>
       <span class="font-medium text-foreground text-sm">{{ activeChannelName }}</span>
       <div class="flex-1"></div>
-      @if (isAdmin()) {
-        <button
-          (click)="toggleAdminPanel()"
-          class="p-1.5 rounded hover:bg-secondary transition-colors text-muted-foreground hover:text-foreground"
-          title="Server Settings"
-        >
-          <ng-icon name="lucideSettings" class="w-4 h-4" />
-        </button>
-      }
     </div>
 
     <!-- Main Content -->
@@ -29,19 +20,6 @@
         </div>
       </main>
 
-      <!-- Admin Panel (slide-over) -->
-      @if (showAdminPanel() && isAdmin()) {
-        <aside class="w-80 flex-shrink-0 border-l border-border overflow-y-auto">
-          <div class="flex items-center justify-between px-4 py-2 border-b border-border bg-card">
-            <span class="text-sm font-medium text-foreground">Server Settings</span>
-            <button (click)="toggleAdminPanel()" class="p-1 rounded hover:bg-secondary text-muted-foreground hover:text-foreground">
-              <ng-icon name="lucideX" class="w-4 h-4" />
-            </button>
-          </div>
-          <app-admin-panel />
-        </aside>
-      }
-
       <!-- Sidebar always visible -->
       <aside class="w-80 flex-shrink-0 border-l border-border">
         <app-rooms-side-panel class="h-full" />