Bug: Modals break layout on mobile devices

[camiicode]

Problem:
The information modal and the settings modals (fonts and themes)
display incorrectly on mobile devices.

The layout does not follow responsive design rules, causing:

• Overflow issues
• Content cut off or misaligned
• Poor usability on small screens

Currently, these modals only display correctly on desktop devices.

Expected behavior:
Modals should be fully responsive and usable on all screen sizes,
including mobile and tablet devices.

Possible cause:
Modal dimensions and positioning are optimized for desktop only
and do not adapt to viewport size or orientation.

Steps to reproduce:

1. Open the app on a mobile device or mobile viewport.
2. Open the information modal or settings modal.
3. Observe broken layout and usability issues.

Acceptance criteria:

• Modals adapt to mobile screen sizes.
• No horizontal overflow.
• Content remains readable and accessible.
• Close actions remain visible and reachable.