fix: center navbar items and improve responsiveness #432

[Mohitkumar1322]

Fixes #432

Description

This PR centers the navbar items and improves responsiveness across screen sizes.

• Navbar items (Home, Profile, Scoreboard, Logout) are now properly centered.
• On smaller screens, the navbar layout adapts with better spacing.
• Improved user experience by keeping the container box centered with padding.

Screenshots

Before:

After:

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Documentation update

Checklist

• My code follows the project’s style guidelines
• I have tested this on different screen sizes
• Linked the issue correctly (Fixes #432)