bug: Navbar remains visible above modal overlay, affecting user focus and UI consistency

[iammissmiller]

Description

Description

When a modal/dialog is opened in the application, the background content is correctly dimmed, but the navbar remains visible above the modal overlay.

This affects the overall user experience because the navbar still appears active while the modal should be the main focused element. A modal interaction should visually separate the active dialog from the complete background UI, including navigation components.

I am a GSSoC contributor and I specialize in frontend development and UI improvements. I would like to work on fixing this issue while maintaining the existing design consistency of the project.

Steps to Reproduce

Steps to Reproduce

1. Open the CommitPulse application.
2. Navigate to the dashboard/profile analysis page.
3. Open any modal/dialog (example: profile report/details modal).
4. Observe the page after the modal appears.
5. Notice that the navbar remains visible above the dark overlay instead of being placed behind it.

Expected Behavior

Expected Behavior

• The modal backdrop should cover the complete page, including the navbar.
• The navbar should not remain visually active while a modal is open.
• The modal should receive the user's full attention and maintain proper focus behavior.
• The existing UI theme and design should remain unchanged while fixing the overlay layering.

Screenshots / Logs

GitHub Username (If applicable)

No response

Environment

Chrome

[github-actions]

👋 Hey @iammissmiller, welcome to CommitPulse! 🎉

Thanks for opening your first issue — we're glad you're here.

Before diving in, please take a moment to:

• 📖 Read the CONTRIBUTING.md guide
• 💬 Join our Discord community for faster support and collaboration
• 🏷️ Comment /claim on any open, unassigned issue you'd like to work on

A maintainer will review your issue shortly. Happy contributing! 🚀

[iammissmiller]

/claim

[github-actions]

🎉 Assigned! Welcome to the project, @iammissmiller.

⏳ Reminder: You have 2 days to submit a Pull Request. After 2 days of inactivity, you will be automatically unassigned to give others a chance (as per our GSSoC anti-hoarding policy).

💡 Please read CONTRIBUTING.md if you haven't already.

Happy coding! 🚀

[Ro12-N]

/claim

[github-actions]

❌ Only the author of this issue (@iammissmiller) can claim it.