Shift Navbar to the Top and Resolve Section Alignment Issues for Better UI

[Mayank8881]

Description:
The current placement of the navbar and the alignment of its sections create a cluttered and inconsistent user experience. To improve the overall UI, the following changes are required:

1. Shift Navbar to the Top:

   • Move the navbar to the top of the page to follow standard design practices and make navigation more intuitive.

2. Resolve Alignment Issues:

   • Fix the alignment of sections within the navbar. Some links are misaligned or unevenly spaced, creating a disjointed look.
   • Ensure that all navbar items are evenly distributed and aligned properly across different screen sizes (desktop, tablet, and mobile).

Screenshot Reference:

Proposed Solution:

• Update the layout to position the navbar at the top of the page.
• Adjust CSS to fix the spacing, padding, and alignment of the navbar sections.
• Ensure the design remains responsive and visually appealing across all devices.

Request:
I would like to contribute this solution as part of Hacktoberfest. Please assign this issue to me.

Thank you!