Modal responsive improvements

[scootyboots]

This is to improve the responsive behavior of the profile modal on smaller/medium size screens. Because the profile component is the same for the profile page and modal, the profile page will also be slightly affected.

Fixes #14070 #13944

Changes

• changes only to css and removing a few html elements and unnecessary classes
• mostly accomplished though adding some new media queries

---

UUID: UUID: 80b23d68-9bd6-4962-8146-636b20aece8c

[SabreCat]

This is a huge improvement, thank you @scootyboots! I only see one thing worth fixing before merge, on a run through: at minimum width when viewing one's own profile in the modal, the username could stand to have a little bit more margin up top so it doesn't fall underneath the class badge.

[scootyboots]

Thanks @SabreCat, no problem!

I've added some more margin so the class badge doesn't overlap with the user name. I've also added some more styling for the stats allocation section to handle middle-width screen better.

[SabreCat]

Thanks for this, @scootyboots, and welcome to the ranks of the Blacksmiths at tier 1! This will go into our staging environment for a few days, and you should see it live on the main site late next week.