Implement typing indicators

[AitijhyaModak]

✨Typing Indicator in Chat Rooms

🧠 Problem

Currently, users have no visual feedback when someone else is typing a message in a chat room. This makes conversations feel less interactive and less “real-time”.

A typing indicator (e.g., “Aitijhya is typing…”) is a common feature in modern chat applications and would greatly improve user experience.

🎯 Goal

Show a real-time typing indicator in chat rooms whenever a user is typing a message, and hide it when they stop typing or send the message.

🛠️ Proposed Solution (You can change it if you want)

• Detect when a user starts typing in the message input field.
• Broadcast a “typing” event using the existing realtime setup.
• Display a typing indicator in the chat UI for other users in the same room.
• Stop showing the indicator when:
• The user stops typing for a short timeout (e.g., 2–3 seconds), or
• The user sends the message.

✅ Acceptance Criteria

• Typing indicator appears in real-time for other users in the same chat room
• Indicator shows the username (e.g., “John is typing…”)
• Indicator disappears when typing stops or message is sent
• No typing indicator is shown for the current user themselves
• Feature works without noticeable performance issues

📂 Areas to Look At

Frontend
Message input component
Chat room UI
Realtime Layer
Existing realtime event handling

[ayushsri-dev]

I would like to work on this issue.
Please assign it to me.