* center the title on full screen modals.
Adding the `[dir=“ltr”]` atttribute to the css rule for a child style didn’t work the way I expected.
`[dir="ltr"] .full-screen .header-item-title` did not match the fullscreen title element, so the style wasn’t applied.
`.full-screen [dir="ltr"] .header-item-title` did match.
* fix the filter to reverse the icon and ‘x’ in the filter input
* more space after the library back icon
* reverse the arrow on camera -retake image and rerecord sound.

This way you can click anywhere to gain focus

This won't work on a lot of browsers, but temporarily just target modern ones. (Robust solution is possible using classNames and refs)

- Auditing color CSS and componet CSS to make consistent.
- Made a first pass of changes to increase contrast to elements that previously were problematic

Resolves #1644

* Library: Centered sprites

* Close button component: large: added similar transition to add button
* Filter component: added autofocs, made full width