Title value exceeding 150 character breaks menubar alignment

I'm taking this issue to work on a fix.

Fixed the issue where the menubar alignment overlap when the title exceeded 150 characters.

What was done:
- Applied a `max-width` to the title container to prevent it from stretching beyond its parent layout.
- Ensured that long titles wrap gracefully without breaking or misaligning other UI elements in the menubar.

Steps to verify:
1. Create an article with a title longer than 150 characters.
2. Go to Experience Builder and observe the menu bar.
3. The layout should now remain intact, with the long title gracefully truncated.

Attached the before and after screenshots.
BEFORE:

AFTER:

Marking this issue as Needs review.