Resolve "Make modal sizes consistent and mobile friendly"

What does this MR do?

• Migrate modal styles to be reusable and mobile friendly

Why was this MR needed?

• Modal sizes where inconsistent and had special styles that where not good for mobile

Screenshots (if relevant)

Modal's that had a custom width but are now using a single style override

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated
• API support added
• Tests
  • Added for this feature/bug
  • All builds are passing
• Conform by the merge request performance guides
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together

What are the relevant issue numbers?

Closes #29470 (closed)