fix all errors

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