Comprehensive Responsive Design Improvements

[bethwel3001]

Description
This PR focuses on fixing UI/Frontend responsive design issues on small and medium screens across the landing page and dashboard. It ensures a seamless experience without horizontal scrolling, while strictly maintaining the existing behavior for large screens.

Key Changes

Core & Dependencies

• Added react-is dependency: Resolved a Vite optimization error (Could not resolve "react-is") occurring in the React 19
  environment.
• Global Overflow Fix: Applied overflow-x-hidden to the main landing container to prevent decorative absolute-positioned elements from triggering horizontal scrollbars.

Landing Page Enhancements

• Navbar: Optimized mobile padding to ensure the hamburger menu stays within viewport bounds.
• Developer Experience Section:
  • Enabled wrapping for framework tabs (Vite, Next.js, Express).
  • Revamped "Instant Observability" logs with truncated paths and responsive font sizes.
• Terminal Components: Added truncation to long paths in simulated terminal outputs to prevent layout breakage.
• It Just Works (Network Diagram): Implemented fluid typography for the main heading and adjusted decorative sparkles for mobile.
• Responsive Feature Cards: Refined padding and grid spacing for "Bring Your Own Domain", "Local Access", and "Multiple Protocols" sections.

Dashboard & Overview

• Observed Metrics: Refined OverviewCard and StatsSummary to better utilize vertical space on mobile.
• Traffic Charts: Adjusted margins and font sizes in RequestActivityCard to ensure charts remain readable on narrow
  screens.
• Layout Adjustments: Fixed the dashboard header to stack actions gracefully on mobile and adjusted main content
  paddings.

Verification Results

• Build: Verified npm run dev starts correctly without resolution errors.
• Responsiveness: Manually tested across various breakpoints (320px to 1024px) using browser dev tools.
• Integrity: Confirmed no backend changes were made and large screen layouts remain intact.

---

[vercel]

@bethwel3001 is attempting to deploy a commit to the OutRay Team on Vercel.

A member of the Team first needs to authorize it.