Avo4 - fix profile form popoever

[Mihai-Munteanu]

Description

Profile dropdown: cap width at 60vw / 40vw sm+, anchor above the trigger (sidebar-bottom placement), truncate long labels with ellipsis (full label in native title tooltip), expand the row to full width on hover, and make the sign-out button focus-visible. Fixes overflow on small viewports.

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works

Screenshots & recording

[linear-code]

AVO-1259

[adrianthedev]

This seems like overkill.
Removing this div should fix it.

[Mihai-Munteanu]

This seems like overkill. Removing this div should fix it.

Removing this line fixes the y-axis spacing issue, but the following problems remain:

1. :hover doesn't cover the entire row:

2. :focus-visible styling doesn't work when navigating through the popover options.

3. width and position of the popover card are off for long text: