Source interface UX improvements

[redshiftzero]

These are a couple of small changes to the source interface suggested by @ninavizz in her UX feedback and mockup of the source interface shown here.

Adds a "Cancel" button (from UX feedback: "Giving users a cancel option reduces anxiety"):

Displays which journalist is speaking to the source on the source interface (when you're on the source side, it's a little confusing to know who you are talking to in the news org - is it the point person/admin, journalist Bob, journalist Alice??):

Also after #1523 is merged we could indeed display the full name and blurb as displayed in her mockup - happy to make that change when the time comes

[ninavizz]

Could the "Cancel" button be next to the Submit button—not below it—and white background with dark text? All the submitted mockups reflect existing interaction paradigms users expect. Stacking the buttons is very odd and will be confusing.

[redshiftzero]

Thanks for this feedback @ninavizz! I'll modify this PR to make this change.

[ninavizz]

No biggie—I'm creating a single new "issue" for all my 0.4 reccos, with each tweak numbered—so that you and @fowlslegs can more easily reference stuff in PRs. (and yes, am clearly labeling it as a reference-only document, that you and noah need to cite items on for them to be included into any builds) :)

[redshiftzero]

Great - thanks for doing that @ninavizz!

[psivesely]

I was going to make the same comment on the button location and color scheme, but @ninavizz beat me to it 😸 It's such a simple PR, but it would still be nice to add a functional test that clicks it during a upload and makes sure it does it's job to prevent against future regressions.

[redshiftzero]

I've modified this PR following the detailed guidance provided in #1536 and implemented a few more of the items from there:

• Item 9b: Change h1 text to "Submit Materials" and "Get Replies"
• Item 9d: Move GPG text to below the header, format it gray and left-aligned
• Item 9e: Change graphic from cloud to the data store icon made by @ninavizz
• Item 9f: Adds Cancel button next to the Submit button
• Item 9i: Change “Log Out” to “Exit”
• Item 10a: Modify login text to "Enter codename"
• Item 10b: Add a "Cancel" button here too

Also added functional tests for the new "Cancel" buttons on /login and /lookup

Screenshots of the login and submit pages (note that the formatting of the button text as caps and the headlines is covered by @heartsucker's PR #1538):

[ninavizz]

Did you guys decide to punt on making all the task headers blue w/ grey-text as sub-headers? Sorry I made the instructions confusing by referencing what was really an H2 as an H1, and I later noticed I'd also spec'd the incorrect blue. #7a84a4 is the correct wedgewood blue for the headers, and #555 would work for the description text.

Other than those (dorky) nits, I'm super stoked to see how implementing the other recommendations are coming along—yeah!!! :)

[redshiftzero]

No worries - and yep @heartsucker implemented the left aligning and blue coloring of headers in #1538 (so those changes won't appear in this PR)

[psivesely]

Confirmed this correctly implements everything Jen listed in #1536 (comment). The journalist interface is in a broken state, but #1538 fixes it, so letting that be and merging.