fix: modal responsiveness bugs

[katsukixyz]

PR Title

Issue Number(s): #219 #149 #126 #236

What does this PR change and why?

Checklist

• [ ] Requirements have been implemented
• [ ] Acceptance criteria are met
• [ ] Database schema docs have been updated or are not necessary
• [ ] Code follows design and style guidelines
• [ ] Commits follow guidelines (concise, squashed, etc)
• [x] Relevant reviewers (Senior Dev/EM/Designers) have been assigned to this PR

Critical Changes

• Database change/migration to run
• Environment config change
• Breaking API change

Related PRs

• number_of_pr

Testing

Enumerate steps to test the functionality of your ticket. This should include edge cases and testing of error handling, if applicable.

[netlify[bot]]

✅ Deploy Preview for angels-among-us ready!

Name	Link
🔨 Latest commit	c85f525f07b8858820c11958578ec3a13ba52a72
🔍 Latest deploy log	https://app.netlify.com/sites/angels-among-us/deploys/654039189ca7c20008dce01e
😎 Deploy Preview	https://deploy-preview-246--angels-among-us.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions[bot]]

Coverage report for web

St.:grey_question:	Category	Percentage	Covered / Total
🔴	Statements	26.15% (+0.05% 🔼)	527/2015
🔴	Branches	9.33% (+0.01% 🔼)	64/686
🔴	Functions	12.64%	78/617
🔴	Lines	22.48% (+0.05% 🔼)	402/1788

Test suite run success

40 tests passing in 5 suites.

Report generated by 🧪jest coverage report action from c85f525f07b8858820c11958578ec3a13ba52a72