[Dev] Apply formatters and linters to styled-components code

[orta]

So you use https://github.com/morishitter/stylefmt to format at runtime, then https://stylelint.io to lint at CI time.

Dev Time

Looks like we can use: https://www.npmjs.com/package/styled-components-stylefmt to automate the formatting

This may need editor support so we can run it when you press save, and it can be added to the husky pre-commit/pre-push formatters,

Editor support could come from https://github.com/mrmlnc/vscode-stylefmt - probably can make some changes to support using styled-components-stylefmt instead.

CI Time

We can use https://stylelint.io to lint that everything is 👍

[orta]

#681 gets us to the point where our CSS looks and feels like web CSS. It adds inline reports etc.

I think to make it auto-fix, we'd need to build

• TypeScript support to https://www.npmjs.com/package/styled-components-stylefmt
• Extend either vscode-styled-components or vscode-stylefmt to handle using styled-components-stylefmt