Resolve "Design comments: Text wrapping behavior"

What does this MR do?

The text wrapping in design comments is strange in some situations.

This MR fixes comment text to left-align with the user's avatar. The time when the comment was made is moved down to the second line like issue comments.

Does this MR meet the acceptance criteria?

Conformity

• Changelog entry
• Documentation (if required)
• Code review guidelines
• Merge request performance guidelines
• Style guides

Availability and Testing

• Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process.
• Tested in all supported browsers
• Informed Infrastructure department of a default or new setting change, if applicable per definition of done

Issue #209770 (closed)