[Elazawy]

Proposed change

Resolves #3746

The authenticated user button in the navbar previously rendered only a bare avatar circle, giving no visible identity context and feeling visually unbalanced in both the desktop navbar and the mobile drawer.
This change expands the UserMenu trigger to display:
- The user's circular avatar
- Display name
- GitHub handle
- Smoothly animated rotating chevron indicator when the menu opens/closes
- min-w-0 and truncation styling to ensure long names/logins do not overflow in desktop view or the 16rem mobile navigation drawer

Unit tests have been added to verify:                                                                                          
- Name and handle rendering                                                                                                    
- Fallback when display name is not provided                                                                                   
- Safe omitting of handle when absent
- Chevron icon rotation class toggling on menu state change

Checklist

• Required: I followed the contributing workflow
• Required: I verified that my code works as intended and resolves the issue as described
• Required: I ran all required checks and tests locally; all warnings addressed and failures resolved
• I used AI for code, documentation, tests, or communication related to this PR

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Advanced

Run ID: 839a8811-2586-4fec-ac88-d73804a475f1

📥 Commits

Reviewing files that changed from the base of the PR and between c012dd6 and ac70aed.

📒 Files selected for processing (2)

• frontend/__tests__/unit/components/UserMenu.test.tsx
• frontend/src/components/UserMenu.tsx

Included review availability: Your plan provides up to 2 included reviews per hour; 0 remain after this review.

---

Summary by CodeRabbit

• New Features

  • User menu now displays the signed-in user’s name and handle beside the avatar.
  • Added fallback labels when profile details are unavailable.
  • Added a chevron indicator that rotates when the menu opens or closes.

• Tests

  • Added coverage for user-name fallbacks and dropdown chevron behavior.

Walkthrough

UserMenu now shows the authenticated user's name and handle, applies fallbacks when profile fields are missing, and rotates a chevron when the dropdown opens. Tests cover identity rendering and chevron state changes.

Changes

User menu identity and interaction

Layer / File(s)	Summary
Identity display and chevron state frontend/src/components/UserMenu.tsx, frontend/__tests__/unit/components/UserMenu.test.tsx	UserMenu derives display-name and handle fallbacks, renders them beside the avatar, and rotates the chevron based on dropdown state. Tests cover authenticated identity, missing-field fallbacks, and open/closed chevron state.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Severity of issue fixed: Low

Merge Risk: ⚪ Minimal · up to ac70a

The user menu now shows profile identity details with safe fallbacks and a stateful chevron. The covered UI behavior is ready to merge with no identified production risk.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 2 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the primary change: expanding the user menu to show the user's name and handle.
Description check	✅ Passed	The description directly explains the UserMenu changes, related UI behavior, styling, tests, and linked issue.
Linked Issues check	✅ Passed	The changes address issue #3746 by making the GitHub profile section more informative and visually balanced. The display name, handle, avatar layout, chevron state, and overflow handling support the i…
Out of Scope Changes check	✅ Passed	All changes are within scope for issue #3746. The implementation and unit tests cover the expanded profile display, fallback behavior, responsive truncation, and menu-state indicator.

✨ Finishing Touches 💡 1

🛠️ Fix failing CI checks 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Contribution validation failed:

• commit_signature: One or more commits are not signed.
  • c012dd6

[cubic-dev-ai]

All reported issues were addressed across 2 files

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>

[github-actions]

Contribution validation failed:

• commit_signature: One or more commits are not signed.
  • ac70aed

[cubic-dev-ai]

0 issues found across 2 files (changes from recent commits).

_{Re-trigger cubic}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[ahmedxgouda]

LGTM