fix: make download model modal responsive and scale on small screens

[zylitoL]

Enhance the DownloadModelModal to be robust across all screen sizes and content lengths, specifically addressing edge-case behavior on narrow and short viewports.

Mobile (375 x 667)

Before:

After:

Tablet (768 x 422)

Before:

After:

Laptop (1024 x 694)

Before:

After:

Key Functional Behaviors:

1. Responsive Scaling (Width):

   • Replaced fixed heights with vertical padding (py-1.5 mobile / md:px-4 desktop).
   • Behavior: On narrow screens (e.g., 375px) where button text wraps, the button height scales naturally while maintaining consistent internal spacing. It no longer crowds the borders.

2. Internal Scrolling (Height):

   • Added max-h-[90vh] and overflow-y-auto to the modal body.
   • Pinned Actions: The Header (Title) and Footer (Progress/Buttons) are pinned (flex-shrink-0).
   • Behavior: On short viewports (e.g., 768x422 landscape), the modal remains fully contained on screen. Only the middle description scrolls, ensuring the "Download" action is always visible and reachable.

3. Smart Scrollbars:

   • Uses overflow-y-auto.
   • Behavior: The scrollbar is only injected by the browser when the content actually exceeds the available height.

[vercel]

@zylitoL is attempting to deploy a commit to the Maia Platform Team on Vercel.

A member of the Team first needs to authorize it.