Login/Register navbar renders with no spacing (unstyled duplicated navbar)

[Hunter69240]

Description

The Login and Register pages each render their own inline navbar using
premium-nav-links / premium-btn classes. These classes are not defined
anywhere in App.css, so the "Home", "Login", "Register" nav links have zero
spacing between them and run together edge-to-edge (e.g. "HomeLoginRegister"),
on both desktop and mobile.

Steps to Reproduce

1. Go to '/login' or '/register'
2. Look at the top-right navigation links
3. Observe "Home", "Login", "Register" rendering with no gap/spacing between them
4. Resize to mobile width — links overflow horizontally with no hamburger menu

Expected vs Actual Behavior

Expected: Nav links should be spaced and styled consistently with the Home
page's navbar, and should collapse into a hamburger menu on mobile.

Actual: Nav links render with no spacing at all, and on mobile they overflow
the viewport instead of collapsing behind a menu.

Environment Details

• OS: Arch Linux (CachyOS)
• Browser: Brave 1.92.140 (Chromium 150.0.7871.125)
• Node.js Version: v20.20.2
• Database version: N/A (frontend-only bug, no backend/DB involved)

Severity

Low (minor visual bug or typo)

Screenshots / Screen Recording

[github-actions]

👋 Welcome to LearnHub! Thank you for opening your first issue here.

Please make sure to review our Contributing Guidelines and Code of Conduct.

If you would like to work on this issue, comment /assign and wait to be assigned before coding. Happy contributing!

[Hunter69240]

/assign

[github-actions]

🎉 @Hunter69240 has been successfully assigned to this issue. Please submit a PR within 7 days. Happy coding!