[TASK] Improve modal positioning in mobile breakpoints

[yurixander]

Currently they are always centered on the screen, but for mobile breakpoints we could place them at the bottom and set a max-height + scroll for them, to give a better "Bottom-sheet" mobile-like experience.

Tasks

• [ ] On mobile breakpoints, place all modals to be attach to the bottom of the screen.
• [ ] Consider adding a max-height to prevent the modal from taking up the entire screen, and allowing the user to scroll.
• [ ] Check all modals for responsiveness, and ensure they properly handle mobile breakpoints.

Preview