Update hamburger menu

src/app/features/shell/title-bar.component.html

@@ -6,61 +6,18 @@
     class="flex items-center gap-2 min-w-0 relative"
     style="-webkit-app-region: no-drag"
   >
-    @if (inRoom()) {
-      <button
-        type="button"
-        (click)="onBack()"
-        class="p-2 hover:bg-secondary rounded"
-        title="Back"
-      >
-        <ng-icon
-          name="lucideChevronLeft"
-          class="w-5 h-5 text-muted-foreground"
-        />
-      </button>
-    }
     @if (inRoom()) {
       <ng-icon
         name="lucideHash"
         class="w-5 h-5 text-muted-foreground"
       />
       <span class="text-sm font-semibold text-foreground truncate">{{ roomName() }}</span>
+
       @if (roomDescription()) {
         <span class="hidden md:inline text-sm text-muted-foreground border-l border-border pl-2 truncate">
           {{ roomDescription() }}
         </span>
       }
-      <button
-        type="button"
-        (click)="toggleMenu()"
-        class="ml-2 p-2 hover:bg-secondary rounded"
-        title="Menu"
-      >
-        <ng-icon
-          name="lucideMenu"
-          class="w-5 h-5 text-muted-foreground"
-        />
-      </button>
-      <!-- Anchored dropdown under the menu button -->
-      @if (showMenu()) {
-        <div class="absolute right-0 top-full mt-1 z-50 bg-card border border-border rounded-lg shadow-lg w-48">
-          <button
-            type="button"
-            (click)="leaveServer()"
-            class="w-full text-left px-3 py-2 text-sm hover:bg-secondary transition-colors text-foreground"
-          >
-            Leave Server
-          </button>
-          <div class="border-t border-border"></div>
-          <button
-            type="button"
-            (click)="logout()"
-            class="w-full text-left px-3 py-2 text-sm hover:bg-secondary transition-colors text-foreground"
-          >
-            Logout
-          </button>
-        </div>
-      }
     } @else {
       <div class="flex items-center gap-2 min-w-0">
         <span class="text-sm text-muted-foreground truncate">{{ username() }} | {{ serverName() }}</span>
@@ -84,6 +41,40 @@
         Login
       </button>
     }
+
+    <button
+      type="button"
+      (click)="toggleMenu()"
+      class="ml-2 p-2 hover:bg-secondary rounded"
+      title="Menu"
+    >
+      <ng-icon
+        name="lucideMenu"
+        class="w-5 h-5 text-muted-foreground"
+      />
+    </button>
+    <!-- Anchored dropdown under the menu button -->
+    @if (showMenu()) {
+      <div class="absolute right-0 top-full mt-1 z-50 bg-card border border-border rounded-lg shadow-lg w-48">
+        @if (inRoom()) {
+          <button
+            type="button"
+            (click)="leaveServer()"
+            class="w-full text-left px-3 py-2 text-sm hover:bg-secondary transition-colors text-foreground"
+          >
+            Leave Server
+          </button>
+        }
+        <div class="border-t border-border"></div>
+        <button
+          type="button"
+          (click)="logout()"
+          class="w-full text-left px-3 py-2 text-sm hover:bg-secondary transition-colors text-foreground"
+        >
+          Logout
+        </button>
+      </div>
+    }
     @if (isElectron()) {
       <button
         type="button"

src/app/features/shell/title-bar.component.ts

@@ -109,11 +109,6 @@ export class TitleBarComponent {
     }
   }
 
-  /** Leave the current room and navigate back to the server search. */
-  onBack() {
-    this.openLeaveConfirm();
-  }
-
   /** Toggle the server dropdown menu. */
   toggleMenu() {
     this._showMenu.set(!this._showMenu());