fix: Navbar CTA buttons cut off at medium screen sizes

[AliHaiderBajwa]

Bug Description

The navigation bar's right-side elements (GitHub icon and "Join the Waitlist" button) get cut off and disappear at medium screen sizes between approximately 768px and 1024px.

Steps to Reproduce

1. Open the website on a desktop browser
2. Resize the window from full width down to mobile size
3. Observe the navbar at medium sizes (around 900px width)
   (the navbar is just fine and full browser size and at the mobile screen size. The issue can be observed at medium screen sizes, while gradually downsizing the window)

Current Behavior

• Desktop (>1024px): All items visible
• Medium (768-1024px): Right-side items cut off (the github icon and the "join the waitlist button")
• Mobile (<768px): All items visible (likely stacked/hamburger menu)

Expected Behavior

All navbar items should remain visible and accessible at all screen sizes.

Screenshots

Environment

• Browser: Mozilla-Firefox
• OS: Linux Mint -xfce

I'd like to work on this

I'm already looking into a fix. Please assign this issue to me.

[AliHaiderBajwa]

yeah, I thought it was just the main container at first, but the inner pill kept spilling out and overlapping the buttons. Had to stack overflow-hidden and whitespace nowrap on the pill itself, plus tighten the gaps. Im gonna retest things in a while, hope its fixed now.