feat: add text truncation to user profile component

[iykazrji]

Pull Request Checklist

• Did you add new tests and confirm existing tests pass? (yarn test)
• Did you update relevant docs? (docs are found in the site folder, and guidelines for updating/adding docs can be found in the contribution guide)
• Do your commits follow the Conventional Commits standard?
• Does your PR title also follow the Conventional Commits standard?
• If you have a breaking change, is it correctly reflected in your commit message? (e.g. feat!: breaking change)
• Did you run lint (yarn lint:check) and fix any issues? (yarn lint:write)
• Did you follow the contribution guidelines?

Screenshots

---

PR-Codex overview

This PR enhances the UserConnectionMenuDialog and related components by improving styling and structure. It adds utility class handling, adjusts layout properties for better responsiveness, and ensures proper class name usage for elements.

Detailed summary

• Added className prop to MenuTrigger button.
• Utilized cn utility for dynamic class names in MenuContent.
• Modified layout properties in UserConnectionAvatar for better responsiveness.
• Ensured text overflow handling with text-ellipsis in UserConnectionAvatar.
• Improved structure and overflow handling in RenderUserConnectionAvatar.
• Added className to PopoverMenu.Trigger and DialogMenu.Trigger for consistency.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aa-sdk-site	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 10, 2024 8:56pm
aa-sdk-ui-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 10, 2024 8:56pm