Add ToolTip to the chat message display name and enclose the content in span element instead of div element.

[wilsonfurtado2000]

This PR adds the Tooltip to the chat message displayName when text is elided, previously the element was wrapped in a div element which is a bad option as the css logic was added to the div, this PR also encloses the displayName in a span and adds the tooltip.

After:
https://github.com/user-attachments/assets/c499ceba-b01e-40a9-bbcc-079501ce1be6

[jitsi-jenkins]

Hi, thanks for your contribution!
If you haven't already done so, could you please make sure you sign our CLA (https://jitsi.org/icla for individuals and https://jitsi.org/ccla for corporations)? We would unfortunately be unable to merge your patch unless we have that piece :(.

[wilsonfurtado2000]

@Calinteodor @mihhu could you please review this PR ?

[Calinteodor]

Jenkins test this please.

[wilsonfurtado2000]

Jenkins test this please.

I think the failing Jenkins check is unrelated to this change ?

[github-actions]

This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[damencho]

Jenkins test this please

[Calinteodor]

Thank you for your contribution. From the screen rec that you sent us, the tooltip text looks kind of off in it's container. Maybe title attribute could be a better alternative. What do you think?

[github-actions]

This PR has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.