Make error pages responsive

What does this MR do?

This MR makes error pages responsive design and all users have better experiences on 404/422/500/502/503/in-deploy error.

Are there points in the code the reviewer needs to double check?

n/a

Why was this MR needed?

404/422/500/502/503/in-deploy error pages were designed only for PC and not good for mobile users.

What are the relevant issue numbers?

Closes #19345 (closed)

Screenshots (if relevant)

PC

mobile

(with max-width: 40vw for img (@connorshea) and max-width: 800px for hr (@annabeldunstone) )

Does this MR meet the acceptance criteria?

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