[FEATURE] Improve Mobile Responsiveness and UI

[shreyag419]

Description
The application UI has some responsiveness and alignment inconsistencies across smaller screen sizes.

Proposed Improvements

• Improve mobile responsiveness
• Fix spacing/alignment issues
• Ensure proper scaling on tablets/mobile devices
• Improve button and card consistency
• Prevent overflow issues on smaller screens

Benefits
This enhancement will improve overall user experience and accessibility across devices.

[github-actions]

👋 Thanks for opening an issue, @shreyag419!

Our maintainers will review this shortly 🚀

Before you start working

• 📖 Read the CONTRIBUTING.md guide
• 💬 Wait for a maintainer to assign you the issue before starting work
• 🔍 Search for existing issues to avoid duplicates

For GSSoC'26 contributors

If you're contributing under GirlScript Summer of Code 2026, please mention it in your comment when requesting assignment:

"I'd like to work on this — contributing under GSSoC'26"

Architecture notes

Reframe is a static Next.js app with output: "export". Key points:

• All video processing uses FFmpeg.wasm (client-side, no server)
• headers() in next.config.ts won't work — use vercel.json instead
• not-found.tsx requires public/404.html + vercel.json routes config

Happy contributing! ⭐ Star the repo if you find it useful!

[shreyag419]

I would like to work on this issue under GSSoC.

[gravypizza]

/assign

[github-actions]

Hey @gravypizza, this issue has been assigned to you! 🎉 Please make progress within 5 days or it will be automatically unassigned due to inactivity.

[github-actions]

Hey @gravypizza, just a friendly reminder that this issue has had no activity for 2 days. Please leave an update or let us know if you need help! ⏰