Create User Button in Header with Dropdown Menu

[danielcdz]

📘 Description

Adding a user dropdown menu to the header enhances navigation by centralizing key actions like viewing the profile, managing listings, checking transaction history, and accessing settings. This improvement ensures a cleaner, more user-friendly interface, especially as more features are added.

🔢 Steps

1. Add the user button to the header.
2. Implement a dropdown menu that appears when the user button is clicked.
3. Include the following options with icons:
   • Profile
   • My Listings
   • Transaction History
   • Settings
4. Use shadcn/ui components for the dropdown.

✅ Acceptance Criteria

• The user button is added correctly to the header.
• The dropdown menu appears when the user button is clicked.
• The menu contains the listed options with corresponding icons.
• The design is responsive and aligns with the header design.

🌎 References

• Lucide React Icons
• shadcn/ui

📜 Additional Notes

• Blocked by: Refactor Header Component for Application-wide Use #54

⚠ Do not apply until the ODHack begins.
⚠ Read our guidelines before applying.