created user profile dropdown

[Nabeelahh]

closes #45

Description
Implemented a user profile dropdown in the navigation bar with logout and settings options.

Tasks Completed

• Created profile dropdown component

• Displayed user avatar and name

• Added menu items: Profile, Settings, Dashboard, Logout

• Implemented logout functionality

• Cleared tokens from store on logout

• Redirected to home on logout

• Added smooth animations for open/close transitions

• Handled click outside to close dropdown

  Acceptance Criteria Met

• Dropdown opens/closes correctly

• Logout clears all authentication data

• Navigation links work properly

• Accessible via keyboard navigation

• Smooth transitions for better UX

Checklist

• Code has no errors (linting passes)
• TypeScript type checking passes (npm run type-check)
• Build succeeds (npm run build)
• All tests pass (if new test files are added)

Testing

• Verified dropdown opens/closes on click and keyboard navigation
• Confirmed logout clears tokens and redirects to home
• Checked navigation links (Profile, Settings, Dashboard) route correctly
• Tested click outside functionality to close dropdown
• Ensured smooth animations across browsers

[drips-wave]

@Nabeelahh Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits