Consider reformatting Preferences page to have screenshot in each section

[psobolewskiPhD]

In #613 the screenshots of each Preferences tab were all grouped together at the top (rather than at the bottom) and fixed to match the headings.

I kinda think a layout of

Tab Name Heading
Screenshot
Listing of stuff (the autogenerated)

could be better?

Like the autogenerated things are still informative of what is in the tab.

Originally posted by @psobolewskiPhD in #613 (comment)