fix(navbar): add active tab highlighting and improve spacing consistency

[anucodes-hub]

📝 Description

This PR fixes the navbar UI issues described in Issue #71.

Changes Made

• Added active navigation tab highlighting using usePathname()
• Improved visual feedback so users can easily identify the current page
• Enhanced navbar spacing and alignment for better consistency
• Maintained responsive behavior across screen sizes

🔗 Related Issue

Closes #71

🎯 Type of Change

• 🐛 Bug fix (non-breaking)
• ♻️ Refactoring

✅ Testing

Manual Testing

• Verified active tab highlighting on all navigation pages
• Tested navbar responsiveness
• Confirmed spacing consistency across navigation items
• Verified application builds successfully

Build Verification

npm run build

Build completed successfully without errors.

📸 Screenshots

UI changes correspond to the screenshots provided in Issue #71.

🚀 Deployment

• This is production-ready
• No database migrations needed
• No environment variables added
• No breaking changes

📋 Additional Notes

The implementation uses Next.js usePathname() to detect the current route and apply active styling dynamically.

[vercel]

@anucodes-hub is attempting to deploy a commit to the ashishparab03-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.