feature request: Star Icon Display on starred measages

[deepak0x]

Feature Description

Add visual star icon display on messages that have been starred by the user. Currently, when a user stars a message, there is no visual indicator (star icon) displayed on the message itself, making it difficult for users to identify which messages they have starred at a glance.

Motivation and Use Case

Why this feature is needed:

• Users currently have no way to visually identify starred messages in the chat interface
• Starred messages are important bookmarks that users want to quickly locate
• Visual indicators improve user experience and make the app more intuitive
• This feature exists in the web version and should be available in the mobile app for consistency

Use cases:

• Users want to quickly see which messages they've starred without opening a separate starred messages view
• Users want visual confirmation that their star action was successful
• Users want to easily identify important/bookmarked messages in a conversation thread

Implementation Ideas

1. Create a Starred component similar to the existing Pinned component
2. Add the Starred component to the RightIcons component that displays message action icons
3. Ensure the starred prop is properly passed through the component hierarchy:
   • MessageContainer → Message → RightIcons → Starred
4. Handle boolean conversion for starred prop from WatermelonDB (which may return null/undefined)
5. Ensure the star icon appears on header messages (first message in a sequence) when starred
6. Consider implementing optimistic updates for immediate UI feedback when starring/unstarring

Is this feature available in the API or web version?

Available in API

Rocket.Chat Server Version

NA

Rocket.Chat App Version

NA

Device Name

NA

OS Version

NA

Additional Context

No response

[av6-github]

could i work on this?
I will create a PR as soon as I am done with it!

[deepak0x]

Hey @av6-github
Actually i am working on it
You can explore codebase and raise issue too...