finish styling individual messages view for desktop

src/app/pages/chat/chat.page.ts

@@ -112,9 +112,9 @@ export class ChatPage implements OnInit {
       this.showMessages=true;
     }
   }
-  openGroupMessagesPage(rid, room) {
+  openGroupMessagesPage(rid) {
     if( window.innerWidth <= 1024){
-      this.openGroupMessagesModal(room);
+      this.openGroupMessagesModal(rid);
     }
     else{
       this.closeAllDesktopComponents();
@@ -242,21 +242,21 @@ export class ChatPage implements OnInit {
     modal.onDidDismiss();
   }
 
-  async openGroupMessagesModal(room:any){
+  async openGroupMessagesModal(roomId:any){
     let classs;
     if( window.innerWidth <= 1024){
       classs = 'modal'
     } else  {
       classs = 'chat-mobile-modal-to-Desktop'
     }
-    console.log(room);
+    console.log(roomId);
     
     const modal = await this.modalController.create({
       component: GroupMessagesPage,
       cssClass: classs,
       backdropDismiss: false,
       componentProps: {
-        room: room,
+        roomId: roomId,
       },
     });
     await modal.present();