Tooltip avatar toast buttons

[HussainAther]

What?

Adds tooltips to user profile controls in the 2D people panel (UserProfileSidebar).

Tooltips were added for:

• Local mute
• Volume slider
• Promote
• Hide
• Mute
• Kick

Why?

Issue #6555 notes that the behavior of several moderation and user controls is not always obvious to users.

This PR adds lightweight explanatory tooltips using the existing tooltip pattern already present elsewhere in the 2D UI (Voice, Share, Place, React, Chat, etc.), helping users understand the purpose of these controls without introducing new UI preferences or behavior changes.

Closes #6555.

Examples

Before:

• Controls were displayed without additional context.

After:

• Hovering over the controls displays a tooltip describing the action.

Examples:

• "Mute this person only for you"
• "Adjust this person's volume"
• "Make this person a room moderator"
• "Hide your avatar from this person until you leave the room"
• "Mute this person for everyone"
• "Remove this person from the room"

How to test

1. Start Hubs locally.

2. Enter a room with at least one additional participant.

3. Open the People panel.

4. Select another user to open the User Profile sidebar.

5. Hover over:

   • Local mute
   • Volume slider
   • Promote (if available)
   • Hide
   • Mute (if available)
   • Kick (if available)

6. Verify that an appropriate tooltip is displayed for each control.

7. Verify that all controls continue to function normally.

Documentation of functionality

No documentation changes required. This PR adds tooltips to existing UI controls and does not change functionality.

Limitations

This PR only targets controls in the 2D user profile sidebar.

It does not add tooltips to equivalent controls in 3D/in-world menus.

Alternative implementations considered

Adding a broader tooltip preference system was discussed in the issue thread, but this PR intentionally keeps the scope narrow and follows existing tooltip patterns already used in the 2D UI.

Open questions

None.

Additional details or related context

Related issue: #6555

This implementation uses the existing ToolTip component from @mozilla/lilypad-ui for consistency with other tooltip-enabled controls in the interface.

AI tools (Chatgpt) were used in the refining and enhancement of this issue.

[github-actions]

Thank you for the pull request.

ROADMAP STATUS: This pull request isn't currently on any roadmap. Updates will be conveyed here as its place on/off a roadmap changes.

You can view the roadmaps here: Roadmaps Google Drive folder.

For more information on how the roadmaps work, see our roadmaps policy on GitHub.