Redesign screenshot-interactive-dialog based on mockups

This is based on https://gitlab.gnome.org/Teams/Design/app-mockups/-/blob/master/screenshot/screenshot-tbernard.png

The thing I haven't included is the window that is supposed to show Screenshot Tips

I'm also not sure if that is the part of the code where the css file should load.

---

Screenshot: