feat(chat): add emoji picker, image upload, and voice message support(NSOC'26)

[SrashtiChauhan]

NSOC'26

Description

This PR enhances the Team Chat module by adding modern communication features and improving the overall chat experience.

Changes Made

Emoji Support

• Integrated emoji picker for message input
• Added quick emoji insertion while typing messages

Image Upload Support

• Added image attachment functionality
• Implemented image preview before sending
• Rendered uploaded images directly inside chat messages

Voice Message Support

• Added voice recording using the MediaRecorder API
• Implemented audio preview before sending
• Added audio playback support inside chat messages

Chat UI Improvements

• Improved input section layout and responsiveness
• Enhanced message bubble styling for media messages
• Improved overall consistency with the existing FlowForge UI design

Additional Improvements

• Maintained compatibility with existing Socket.IO realtime messaging flow
• Preserved typing indicator, reactions, seen status, and unread message handling
• Added better spacing and interaction flow for chat actions

Result

The Team Chat module now supports:

• Text messages
• Emoji messages
• Image sharing
• Voice messages
• Realtime reactions
• Improved modern chat experience

Testing

Tested the following:

• Emoji insertion and sending
• Image upload and preview flow
• Voice recording and playback
• Realtime message synchronization
• Responsive chat layout

Screenshots

---

Closes #50

[vercel]

@SrashtiChauhan is attempting to deploy a commit to the shreemp194-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

[SrashtiChauhan]

Hi @Shriii19,

I have seen in dashboard that my contribution points have not been fully updated yet. Currently, I have 9 merged PRs, and one of the merged PRs has not been labeled or counted in the leaderboard update.

I have attached the screenshot for reference.

Could you please review and update it when possible?

Thank you!

[SrashtiChauhan]

hi @Shriii19 ,

This PR has been merged successfully, but it currently appears under “No Labels (0 pts)” on the leaderboard.
Could you please assign the appropriate NSOC label if applicable so the points can reflect correctly?

Thank you.

[SrashtiChauhan]

hi @Shriii19 ,
have you updated points and labels in all pr.
could you please tell me

[SrashtiChauhan]

Hi @Shriii19,

I have seen in dashboard that my contribution points have not been fully updated yet. Currently, I have 9 merged PRs, and one of the merged PRs has not been labeled or counted in the leaderboard update.

I have attached the screenshot for reference.

Could you please review and update it when possible?

Thank you!

@Shriii19

[SrashtiChauhan]

Hi @Shriii19,
Kindly give labels in each of my pr and update my points so that they can reflect on dashboard and leaderboard.

Please do so as my dashbiard and leaderboard is affecting due to this.

[SrashtiChauhan]

Hi @Shriii19, Kindly give labels in each of my pr and update my points so that they can reflect on dashboard and leaderboard.

Please do so as my dashbiard and leaderboard is affecting due to this.

could you please reply?
you havent update labels and due to this leaderboard is not showing points

[SrashtiChauhan]

Hi @Shriii19, Kindly give labels in each of my pr and update my points so that they can reflect on dashboard and leaderboard.
Please do so as my dashbiard and leaderboard is affecting due to this.

could you please reply? you havent update labels and due to this leaderboard is not showing points

@Shriii19