Add eslint

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

@@ -4,7 +4,7 @@
 >
   <div class="flex items-center gap-2 min-w-0 relative" style="-webkit-app-region: no-drag;">
     @if (inRoom()) {
-      <button (click)="onBack()" class="p-2 hover:bg-secondary rounded" title="Back">
+      <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>
     }
@@ -16,13 +16,14 @@
           {{ roomDescription() }}
         </span>
       }
-      <button (click)="toggleMenu()" class="ml-2 p-2 hover:bg-secondary rounded" title="Menu">
+      <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"
           >
@@ -30,6 +31,7 @@
           </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"
           >
@@ -49,6 +51,7 @@
   <div class="flex items-center gap-2" style="-webkit-app-region: no-drag;">
     @if (!isAuthed()) {
       <button
+        type="button"
         class="px-3 h-8 grid place-items-center hover:bg-secondary rounded text-sm text-foreground"
         (click)="goLogin()"
         title="Login"
@@ -57,13 +60,13 @@
       </button>
     }
     @if (isElectron()) {
-      <button class="w-8 h-8 grid place-items-center hover:bg-secondary rounded" title="Minimize" (click)="minimize()">
+      <button type="button" class="w-8 h-8 grid place-items-center hover:bg-secondary rounded" title="Minimize" (click)="minimize()">
         <ng-icon name="lucideMinus" class="w-4 h-4" />
       </button>
-      <button class="w-8 h-8 grid place-items-center hover:bg-secondary rounded" title="Maximize" (click)="maximize()">
+      <button type="button" class="w-8 h-8 grid place-items-center hover:bg-secondary rounded" title="Maximize" (click)="maximize()">
         <ng-icon name="lucideSquare" class="w-4 h-4" />
       </button>
-      <button class="w-8 h-8 grid place-items-center hover:bg-destructive/10 rounded" title="Close" (click)="close()">
+      <button type="button" class="w-8 h-8 grid place-items-center hover:bg-destructive/10 rounded" title="Close" (click)="close()">
         <ng-icon name="lucideX" class="w-4 h-4 text-destructive" />
       </button>
     }
@@ -71,5 +74,14 @@
 </div>
 <!-- Click-away overlay to close dropdown -->
 @if (showMenu()) {
-  <div class="fixed inset-0 z-40" (click)="closeMenu()" style="-webkit-app-region: no-drag;"></div>
+  <div
+    class="fixed inset-0 z-40"
+    (click)="closeMenu()"
+    (keydown.enter)="closeMenu()"
+    (keydown.space)="closeMenu()"
+    tabindex="0"
+    role="button"
+    aria-label="Close menu overlay"
+    style="-webkit-app-region: no-drag;"
+  ></div>
 }

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

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/member-ordering */
 import { Component, inject, computed, signal } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Store } from '@ngrx/store';
@@ -17,7 +18,7 @@ import { STORAGE_KEY_CURRENT_USER_ID } from '../../core/constants';
   standalone: true,
   imports: [CommonModule, NgIcon],
   viewProviders: [provideIcons({ lucideMinus, lucideSquare, lucideX, lucideChevronLeft, lucideHash, lucideMenu })],
-  templateUrl: './title-bar.component.html',
+  templateUrl: './title-bar.component.html'
 })
 /**
  * Electron-style title bar with window controls, navigation, and server menu.
@@ -48,19 +49,25 @@ export class TitleBarComponent {
   /** Minimize the Electron window. */
   minimize() {
     const api = (window as any).electronAPI;
-    if (api?.minimizeWindow) api.minimizeWindow();
+
+    if (api?.minimizeWindow)
+      api.minimizeWindow();
   }
 
   /** Maximize or restore the Electron window. */
   maximize() {
     const api = (window as any).electronAPI;
-    if (api?.maximizeWindow) api.maximizeWindow();
+
+    if (api?.maximizeWindow)
+      api.maximizeWindow();
   }
 
   /** Close the Electron window. */
   close() {
     const api = (window as any).electronAPI;
-    if (api?.closeWindow) api.closeWindow();
+
+    if (api?.closeWindow)
+      api.closeWindow();
   }
 
   /** Navigate to the login page. */
@@ -98,9 +105,11 @@ export class TitleBarComponent {
     // Disconnect from signaling server – this broadcasts "user_left" to all
     // servers the user was a member of, so other users see them go offline.
     this.webrtc.disconnect();
+
     try {
       localStorage.removeItem(STORAGE_KEY_CURRENT_USER_ID);
     } catch {}
+
     this.router.navigate(['/login']);
   }
 }