feat: Create Firestore architecture for chat rooms 💬

[JustinhSE]

Overview

Set up Firestore database architecture for chat rooms, including Main Chat, Men's Only Chat, and Women's Only Chat. Display participant count and online user count.

Todo

• Design Firestore schema for chat rooms in a separate chatrooms collection:

  chatrooms/
    <roomId>/
      name: <string>
      participants: <array of uids>
      createdAt: <timestamp>
      messages/
        <messageId>/
          senderId: <uid>
          text: <string>
          timestamp: <timestamp>
  

• Create separate documents in the chatrooms db for Main Chat, Men's Only Chat, and Women's Only Chat.
• Implement real-time updates for participant count (participants.length) and online user count (e.g., using presence tracking).
• Build UI components to display chat room data (e.g., name, participant count).
• Test Firestore integration and real-time updates across different devices.