BUG: Navbar Inconsistency Across Pages

[AnushkaChouhan25]

Preliminary Check

• I have searched the existing issues
• This issue is reproducible

Bug Summary

The navbar design is inconsistent on different pages. It appears correctly on the homepage, but the styling, alignment, or elements may differ on other pages, causing an inconsistent user experience.

Steps to Reproduce

N/A

Expected Behavior

• Verifying that the same CSS classes, styles, and structure are applied to the navbar on every page.
• Creating a single reusable navbar component if using a component-based framework (e.g., React, Vue) and importing it across pages.
• Double-checking responsive behavior to ensure it displays consistently on various devices.

Screenshots/Logs

Additional Information

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue
• I can provide more details if needed