fix all errors

src/app/ui/chat/chat.page.ts

@@ -383,7 +383,6 @@ export class ChatPage implements OnInit {
     else {
       this.roomId = null;
       this.selectedRoomId = room.$id;
-      console.log('RoomSelected', room)
       this.RoomSelected = room
       this.closeAllDesktopComponents();
       this.showEmptyComponent = false;
@@ -524,7 +523,6 @@ export class ChatPage implements OnInit {
     modal.onDidDismiss().then(e => {
       this.roomId = null;
       this.selectedRoomId = null;
-      console.log('RoomSelected', room)
       this.RoomSelected = null
     })
   }

src/app/ui/chat/component/messages/messages.page.html

@@ -69,6 +69,7 @@
 
               <div *ngIf="attachment.fileType == MessageAttachmentFileType.Image">
                 <img
+                  class="image-container"
                   *ngIf="message.oneShot != true && attachment.blobURl != true"
                   [src]="attachment.safeFile"
                   (load)="onImageLoad(message, messageIndex)"
@@ -76,6 +77,7 @@
                 >
 
                 <img
+                  class="image-container"
                   *ngIf="message.oneShot != true && attachment.blobURl"
                   [src]="attachment.safeFile|safehtml"
                   (load)="onImageLoad(message, messageIndex)"

src/app/ui/chat/component/messages/messages.page.scss

@@ -545,3 +545,9 @@ ion-footer {
 .emoji-picker button:hover {
   transform: scale(1.1);
 }
+
+
+.image-container {
+  max-height: 400px;
+  max-width: 700px;
+}

src/app/ui/chat/modal/messages/messages.page.html

@@ -48,7 +48,7 @@
 
 <ion-content  >
 
-  <div class="messages height-100 width-100 d-flex flex-column" #scrollMe >
+  <div class="messages height-100 width-100 d-flex flex-column" #scrollMe>
 
     <div
     *ngFor="let message of RoomStore.messages1[room.$id]; let messageIndex = index" class="messages-list-item-wrapper"
@@ -87,6 +87,7 @@
 
             <div *ngIf="attachment.fileType == MessageAttachmentFileType.Image">
               <img
+                class="image-container"
                 *ngIf="message.oneShot != true && attachment.blobURl != true"
                 [src]="attachment.safeFile"
                 (load)="onImageLoad(message, messageIndex)"
@@ -94,6 +95,7 @@
               >
 
               <img
+                class="image-container"
                 *ngIf="message.oneShot != true && attachment.blobURl"
                 [src]="attachment.safeFile|safehtml"
                 (load)="onImageLoad(message, messageIndex)"

src/app/ui/chat/modal/messages/messages.page.scss

@@ -525,3 +525,9 @@ button::-moz-focus-inner {
   color: #0782c9;
   margin: 5px 0 0 0;
 }
+
+
+.image-container {
+  max-height: 325px;
+  max-width: 300px;
+}

src/app/ui/chat/modal/messages/messages.page.ts

@@ -144,15 +144,20 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
 
 
   @HostListener('document:click', ['$event'])
+  @HostListener('document:touchstart', ['$event'])
   handleClickOutside(event: Event) {
-    if (!this.handleClickActive) return;
-    this.handleClickActive = false
-    const clickedInside = (event.target as HTMLElement).closest('.mat-menu-content');
-    if (!clickedInside) {
-      this.selectedMessage = null;
-    }
-  }
 
+    if (!this.handleClickActive) return;
+    const clickedInside = (event.target as HTMLElement).closest('.mat-menu-content');
+
+    setTimeout(()=> {
+
+      if (!clickedInside) {
+        this.selectedMessage = null;
+      }
+    }, 100);
+
+  }
 
   messageStatus(message: MessageViewModal) {
     if(this.allViewed(message)) {
@@ -1059,6 +1064,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
   }
 
   addReaction(message: any, emoji: string) {
+    console.log('reaction==')
     // Logic to add reaction to the message
     this.selectedMessage = null; // Close the picker after adding reaction
 

src/app/ui/chat/store/roomStore.ts

@@ -51,7 +51,6 @@ export class RoomStore {
   scrollToBottomClicked = ()=> {}
 
   constructor(
-    private messageLocalDataSourceService: MessageLocalDataSourceService,
     private RoomLocalRepository: RoomLocalRepository,
     private chatServiceService: ChatServiceService,
     private MemberListLocalRepository: MemberListLocalRepository,