Made message colors more like imessage

[Vaidios]

What changed?

• extracted message bubble
• made preview for message bubbles

Why did it change?

• Bad contrast

How is this tested?

• Test in the app

Screenshots/Videos (when applicable)

Checklist

• My code adheres to the project's coding and style guidelines.
• I have conducted a self-review of my code.
• I have commented my code, particularly in complex areas.
• I have verified whether these changes require an update to existing documentation or if new documentation is needed, and created an issue in the docs repo if applicable.
• I have tested the change to ensure that it works as intended.