feat(chat): add message search and filter support(NSOC'26)

[SrashtiChauhan]

NSOC'26

Summary

This PR enhances the Team Chat module by adding message search and filtering support for better conversation navigation and usability.
Users can now quickly search messages, filter media conversations, and navigate chat history more efficiently while keeping the existing real-time chat experience intact.

---

Changes Made

Added Search Functionality

• Added live message search bar

• Search works for:

  • message text
  • usernames

• Added clear search button for better UX

Added Message Filters

• Added filter buttons for:

  • All Messages
  • Images
  • Voice Notes

• Messages are filtered dynamically without affecting real-time updates

Improved Chat UI

• Improved search and filter section styling
• Enhanced message bubble sizing and spacing
• Improved image preview rendering inside chat
• Added empty state when no matching messages are found

Existing Features Maintained

• Real-time Socket.IO messaging
• Emoji reactions
• Image uploads
• Voice note support
• Typing indicators
• Seen status handling

---

Technical Details

• Used React state for dynamic search and filtering
• Filtered messages directly during rendering
• Maintained compatibility with existing Socket.IO workflow
• Followed existing FlowForge UI theme using Tailwind CSS

---

Screenshots

---

Testing Done

• Tested live search functionality
• Tested image-only and voice-only filters
• Tested responsiveness on different screen sizes
• Verified compatibility with existing chat features

---

Related Issue

Closes #53

---

Thank you!

[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,
Kindly review my PR when you get time.
I have implemented the message search and filter functionality in Team Chat along with UI improvements while maintaining compatibility with the existing real-time chat flow.
Also, please make sure the labels are added correctly this time for proper dashboard point updates.

Thank you!