feat: Add deafen to pc, fix mobiel view, fix freeze on startup

toju-app/src/app/domains/direct-message/feature/dm-chat/dm-chat.component.html

@@ -1,6 +1,6 @@
 <section
   appThemeNode="dmChatSurface"
-  class="chat-layout relative h-full bg-background"
+  class="chat-layout relative h-full min-w-0 overflow-x-hidden bg-background"
 >
   <header
     appThemeNode="dmChatHeader"
@@ -78,6 +78,7 @@
         (reactionToggled)="handleReactionToggled($event)"
         (downloadRequested)="downloadAttachment($event)"
         (imageOpened)="openLightbox($event)"
+        (imageGalleryOpened)="openImageGallery($event)"
         (imageContextMenuRequested)="openImageContextMenu($event)"
         (embedRemoved)="handleEmbedRemoved($event)"
       />
@@ -93,7 +94,7 @@
 
     <div
       appThemeNode="chatComposerBar"
-      class="chat-bottom-bar absolute bottom-0 left-0 right-2 z-10 bg-background/85 backdrop-blur-md"
+      class="chat-bottom-bar absolute bottom-0 left-0 right-0 z-10 min-w-0 bg-background/85 backdrop-blur-md"
     >
       @if (typingUsers().length > 0) {
         <div
@@ -156,12 +157,16 @@
     }
 
     <app-chat-message-overlays
-      [lightboxAttachment]="lightboxAttachment()"
+      [lightboxState]="lightboxState()"
+      [galleryAttachments]="galleryAttachments()"
       [imageContextMenu]="imageContextMenu()"
       (lightboxClosed)="closeLightbox()"
+      (lightboxStepRequested)="stepLightbox($event)"
+      (galleryClosed)="closeImageGallery()"
       (contextMenuClosed)="closeImageContextMenu()"
       (downloadRequested)="downloadAttachment($event)"
       (copyRequested)="copyImageToClipboard($event)"
+      (imageOpened)="openLightbox($event)"
       (imageContextMenuRequested)="openImageContextMenu($event)"
     />
   } @else {