Fix: Profile dropdown closes smoothly and on navigation

[Jaiminkansagara1327]

Pull Request for Stock Analyzer

Thank you for contributing to the Stock Analyzer open-source project!

Issue Title

Profile Dropdown Does Not Close Smoothly / Stays Open on Navigation

Contributor Details

• Name: Jaimin Kansagara
• GitHub ID: Jaiminkansagara1327
• LinkedIn Username (for appreciation): jaimin-kansagara
• LinkedIn Profile URL (for verification): https://www.linkedin.com/in/jaimin-kansagara
• Email ID (for communication): jaiminkansagara388@gmail.com
• Participation Program (if any): GSSoC’25

Closes

Closes #180

Describe Your Changes

Added logic to automatically close the dropdown on navigation (Login, Profile, Logout).

Implemented outside-click detection using useRef and useEffect.

Replaced conditional rendering with CSS class toggling for smoother open/close transitions.

Updated Header.css with fade + slide animation for the dropdown.

Screenshots

provide screenshots if applicable, demo video for easy to understand(optional)

what are the files you have changed

src/components/Header.jsx

src/components/Header.css

How Has This Been Tested?

Manually tested by navigating to Login/Profile/Logout pages → dropdown closes automatically.

Verified that clicking outside the dropdown closes it.

Checked smooth animation when opening/closing dropdown.

Tested in both light and dark themes.

Type of Change

Select all that apply:

• [ ✓] Bug fix (fixes an existing issue)
• New feature (adds new functionality)
• [ ✓] Code style update (formatting, refactoring)
• Breaking change (may affect existing features)
• Documentation update

---

Checklist

• [ ✓] My code follows the project’s guidelines and best practices.
• [ ✓] I have performed a self-review of my code.
• [ ✓] I have added meaningful comments where necessary.
• [ ✓] I have updated documentation wherever applicable.
• [ ✓] My changes do not generate any new warnings or errors.
• [ ✓] I have included screenshots, graphs, or test logs (if applicable).
• [ ✓] Any dependent changes have been merged and documented.

---

Thank you for helping improve Stock Analyzer!

[github-actions]

Thanks for opening this Pull Request! A maintainer will review it shortly. Please make sure you've followed all contribution guidelines.

Join our Discord Community for discussions, questions, and real-time collaboration!