Fix lightbox Escape navigating away, sidebar profile hidden at large font

src/components/shared/ImageLightbox.tsx

@@ -12,7 +12,10 @@ export function ImageLightbox({ images, index, onClose, onNavigate }: ImageLight
   const hasNext = index < images.length - 1;
 
   const handleKeyDown = useCallback((e: KeyboardEvent) => {
-    if (e.key === "Escape") onClose();
+    if (e.key === "Escape") {
+      e.stopImmediatePropagation();
+      onClose();
+    }
     if (e.key === "ArrowLeft" && hasPrev) onNavigate(index - 1);
     if (e.key === "ArrowRight" && hasNext) onNavigate(index + 1);
   }, [onClose, onNavigate, index, hasPrev, hasNext]);

src/components/sidebar/Sidebar.tsx

@@ -120,8 +120,12 @@ export function Sidebar() {
         })}
       </nav>
 
-      {/* Account switcher (full) — expanded only */}
+      {/* Account switcher (full) — expanded only, always visible at bottom */}
-      {!c && <AccountSwitcher />}
+      {!c && (
+        <div className="shrink-0">
+          <AccountSwitcher />
+        </div>
+      )}
 
     </aside>
   );

src/lib/notifications.ts

@@ -43,7 +43,7 @@ export async function notifyMention(authorName: string, preview: string): Promis
   if (!(await ensurePermission())) return;
   sendNotification({
     title: `${authorName} mentioned you`,
-    body: preview.slice(0, 120),
+    body: preview.slice(0, 120) || "New mention",
   });
 }