Clean styling

Styles in styles.tsx that aren't being used need to be deleted, and ones that are being used by themselves in other places need to be renamed with "global" at the start.

Go through every file, if there are any components that have styling in format: {{...styles.something, ... , ... }} then create a StyleSheet on that page for that item specifically.

Start with styles.tsx and inspect every file for styles.something usage, especially components using inline style spreads. Identify unused styles, usages that are only local to another file, and pages where a local StyleSheet is requested. Done means unused styles are removed, local-only styles are renamed with a global prefix where requested, and component-specific styling is moved into a page StyleSheet.

Written by the indexing model from the issue text.