Feat: Message & Chat Input UI Enhancement for Edit Message Functionality

[dhairyashiil]

Brief Title

Feat: Message & Chat Input UI Enhancement for Edit Message Functionality

Acceptance Criteria fulfillment

• When a message is clicked to be edited, its background color changes dynamically to indicate it is being edited.
• The background color of the chat input box matches the edited message's background color.
• The implementation dynamically handles light and dark themes, ensuring appropriate color contrast for both.
• Ensure smooth transition between color changes for both message and chat input box.

Fixes #897

Video/Screenshots

light.theme.edit.message.mp4

and

dark.theme.edit.message.mp4

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-898 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

[Spiral-Memory]

I didn't really like this, that's why i removed it and had subtle background change if you notice. I think we are good here for now.

[dhairyashiil]

I didn't really like this, that's why i removed it and had subtle background change if you notice. I think we are good here for now.

Yes, I agree that it doesn't look that good in a dark theme, but for the light theme, I think it looks good. Can we consider this config only for the light theme?

[dhairyashiil]

What if we configured a more subtle color for it?