feat(header): Enhance mobile navigation with user actions and logout functionality

[codeunia-dev]

• Add dashboard link to mobile menu for authenticated users
• Implement logout functionality with Supabase auth signOut method
• Refactor mobile menu user section to include dashboard and logout options
• Add Shield and LogOut icons for improved visual navigation
• Remove redundant UserIcon and UserDisplay in mobile menu
• Improve mobile menu user experience with more actionable items

Authored by: @akshay0611

Summary by CodeRabbit

• New Features

  • Added logout functionality for authenticated users
  • Introduced Dashboard link in user menu for easy access

• UI/UX Improvements

  • Updated header and mobile menus with dedicated logout button for authenticated users
  • Streamlined mobile header display

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
codeunia	Building	Preview	Comment	Nov 10, 2025 6:08am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

The header component has been enhanced with authentication logout functionality. A handleLogout function now integrates Supabase sign-out operations, router navigation, and mobile menu closure. UI elements are updated to display Dashboard link and dedicated Log out button in both desktop and mobile menus, replacing inline user display blocks.

Changes

Cohort / File(s)	Summary
Authentication & UI Updates components/header.tsx	Added handleLogout function with Supabase sign-out and router refresh; imported useRouter from next/navigation and created Supabase client instance; replaced inline user display with Dashboard link and Log out button in desktop and mobile menus; added Shield and LogOut icon imports; updated mobile header rendering for authenticated users.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

• Verify handleLogout properly handles Supabase sign-out and error cases
• Confirm router navigation/refresh logic works correctly across environments
• Check UI element placement and accessibility in both desktop and mobile views

Poem

🐰 A logout button hops in with flair,
The dashboard link dances through the header's care,
Supabase whispers "goodbye" with grace,
While the router finds a new landing place! ✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch enhance/mobileresponsive

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c650ed9 and 3eabe92.

📒 Files selected for processing (1)

• components/header.tsx (4 hunks)

---

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 and usage tips.}