Applying mobile responsive layout

[Somtochukwu-Clinton]

All changes have been implemented, verified, and validated. The task is complete.

Summary

The dashboard has been made fully mobile-responsive down to a 360px viewport, with horizontal overflow issues resolved across the application.

Changes Made

• Added a collapsible mobile navigation menu for both authenticated and unauthenticated headers.
• Improved responsive header sizing, navigation behavior, and accessibility attributes.
• Updated payment history tables to scroll within their containers without breaking the page layout.
• Fixed long text and URL elements that were causing horizontal overflow on smaller screens.
• Adjusted mobile typography, spacing, card padding, gutters, and CTA sizing.
• Added responsive viewport configuration in layout.tsx.
• Updated .glass-inner styling in globals.css for smaller screens.

Validation

• npx tsc --noEmit passes
• npm run build passes
• Next.js 16 compilation successful
• TypeScript validation successful
• All 5 routes generated successfully
• Responsive behavior verified at 360px viewport

The task is complete and ready for review.

Closes #55

[drips-wave]

@Somtochukwu-Clinton Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[vercel]

@Somtochukwu-Clinton is attempting to deploy a commit to the favour's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Favourof]

@Somtochukwu-Clinton resolve conflicts

[Somtochukwu-Clinton]

Done with fixing the conflict @Favourof

[Favourof]

@Somtochukwu-Clinton please kindly resolve the ci issue.