fix: Make Navbar and full website responsive across all screen sizes

[Atharva0506]

Bug Description

The site is not fully responsive on mobile and tablet viewports.

Steps to Reproduce

1. Open the site in a browser (or DevTools).
2. Resize the viewport to < 640 px wide (mobile) or 640–768 px (tablet).
3. Observe:
   • On mobile: the hamburger menu appears but the Connect Wallet button is absent (hidden via hidden sm:block with no equivalent inside the mobile drawer that handles very small screens).
   • The wallet info dropdown (w-72) clips out of the screen on narrow viewports.
   • Page sections overflow horizontally, producing a horizontal scrollbar.

Logs and Screenshots

Image 1	Image 2

Environment Details

• Tested on: Chrome DevTools mobile emulation (iPhone SE 375 px, Galaxy S20 360 px)

Impact

Medium - Feature works but has issues

Code of Conduct

• I have joined the Discord server and will post updates there
• I have searched existing issues to avoid duplicates

[JANAKIRAM218]

Hi @Atharva0506 , I’d like to work on Issue #30. I have prior experience solving similar responsive UI issues, and this would be my first contribution to StabilityNexus. Could you please assign it to me? I’m ready to start working on it.