fix(fuselage): username truncate in system msg with long topics

[dodaa08]

Proposed changes (including videos or screenshots)

When a system message contains a long room topic, the username gets truncated. This happens because the MessageNameContainer component shrinks to accommodate the long topic text in the flex layout.

Before: Username was truncated when channel topic was long

After: Username displays fully without truncation, topic text wraps naturally
Tested with a demo Storybook component to verify the fix works correctly

ref : RocketChat/Rocket.Chat#38236

Added flex-shrink: 0 to the MessageNameContainer style (&__name-container in Messages.styles.scss) to prevent it from shrinking when the MessageSystemBody (topic text) is long.

Issue(s)

Fixes RocketChat/Rocket.Chat#38234

COMM-121

Further comments

flex-shrink: 0 prevents the MessageNameContainer from shrinking in the flex layout when the MessageSystemBody (topic text) is long. This ensures the username always displays fully, while the topic text can still wrap naturally.

This fix is applied to the MessageNameContainer component which is used in both regular messages and system messages. The change follows the same pattern used for &__time which also has flex-shrink: 0 to prevent truncation.

[changeset-bot]

🦋 Changeset detected

Latest commit: 1c688c6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@rocket.chat/fuselage	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[CLAassistant]

All committers have signed the CLA.

[juliajforesti]

hey @dodaa08 !
thanks for your contribution :)
can you please add that story case to the MessageSystem.stories ?

[dodaa08]

hey @dodaa08 !
thanks for your contribution :)
can you please add that story case to the MessageSystem.stories ?

Sure, let me do that.

[dodaa08]

hey @dodaa08 ! thanks for your contribution :) can you please add that story case to the MessageSystem.stories ?

@juliajforesti I've added the story case, let me know if anything else is needed.

[juliajforesti]

What happens if the user has a reeeealy long name though? 🤔

[dodaa08]

What happens if the user has a reeeealy long name though? 🤔

Like in the first ss in the PR, the topic will truncate more...

[dodaa08]

What happens if the user has a reeeealy long name though? 🤔

for eg :

[juliajforesti]

Ok, we're moving forward with this approach - it's more important to display the complete name.

Since you added a story, you'll have to update the snapshots yarn jest -u

[dodaa08]

Ok, we're moving forward with this approach - it's more important to display the complete name.

Since you added a story, you'll have to update the snapshots yarn jest -u

got it!

[juliajforesti]

CI snapshot test is still failing, did you update it?

[dodaa08]

CI snapshot test is still failing, did you update it?

Yeah, let me check it again

[dodaa08]

CI snapshot test is still failing, did you update it?

The Name in Snap didn't match the one in the story, I locally generated it after adding a big name so, hoping it to pass now.

[dodaa08]

Thanks @juliajforesti !