fix: prevent user message box horizontal overflow on mobile viewports

[cuevaio]

Summary

• Fix user message content overflowing horizontally on mobile viewports in the share page
• Add proper width constraints (min-width: 0, max-width: 100%) to allow flex children to shrink
• Add word-break properties to handle long unbroken text

Before:

After:

Closes #6200