adding sub text and skeleton loader

services/roomService.tsx

@@ -5,6 +5,7 @@ import {
   Firestore,
   getFirestore,
   serverTimestamp,
+  setDoc,
 } from "firebase/firestore";
 import Room from "../models/room";
 import { Collections } from "./collections";
@@ -18,4 +19,13 @@ export default class RoomService {
       createdDate: serverTimestamp(),
     });
   }
+
+  async updateMembersInRoom(roomId: string, newMembersInRoom: string[]) {
+    const docRef = doc(this.db, Collections.rooms, roomId);
+    await setDoc(
+      docRef,
+      { membersInRoom: newMembersInRoom, lastUpdatedDate: serverTimestamp() },
+      { merge: true }
+    );
+  }
 }