fix(ui): prevent message timestamp overlap on small screens

[priyapathak39]

Fixes #1257

This PR resolves an issue where message timestamps overlap with text on smaller screen sizes.

Solution:

• Added flex-wrap to allow elements to wrap
• Applied word-break to ensure proper text wrapping

This improves layout and readability on small screens.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}