Fix/mobile responsive polish ( Issue #833)

[Tusharkhadde]

📱 Feature: Mobile Responsive Polish (Tier 1 Bounty) #833

This PR addresses the UI/UX issues on mobile breakpoints (375px and 768px) to ensure the application remains perfectly readable and fully contained without horizontal scrolling.

What was fixed:

• ✨ Bounty Cards (BountyCard.tsx)

  • Applied flex-wrap to the language skills container and the bottom statistics row (Reward + Metadata).
  • Added bottom padding on mobile screens so that elements correctly stack downward without overflowing the card width or overlapping the floating status badge.

• 🍔 Navigation Menu (Navbar.tsx)

  • Changed the mobile hamburger dropdown to use absolute positioning (top-full).
  • This ensures the menu drops out cleanly over the page content rather than interfering with the parent <nav> height or getting clipped.

• 💻 Hero Section (HeroSection.tsx)

  • Dynamically shortened the animated terminal text on smaller screens (sm:hidden) to prevent the strict whitespace-nowrap requirement of the typewriter animation from horizontally stretching the screen.
  • Reduced terminal padding and font sizes slightly on mobile viewports for a better fit.
  • Added flex-wrap to the live platform statistics ribbon underneath the terminal.

Verification:

• All pages tested at 375px and 768px widths.
• Eliminated all horizontal scrolling issues on the main pages.
• Checked that no existing desktop layout styles were negatively impacted.

WALLET - JDkFAXAaysAradjqQkCtpu2seJZR43F9qrfHZvgPYfvL