Move CSS styles to own files

[JRIngram]

Feature Request - Move CSS styles to own files

Describe the feature

Many components have CSS inside their .tsx file. These should be moved to their own .css files. e.g.
client/src/components/ColouredButton/ should contain:

• ColouredButton.test.tsx
• ColouredButton.tsx
• ColouredButton.css

[Jacoberson]

I'd like to help with this as well.

[Jacoberson]

Do you want this as .css file instead of a .style.js file? It looks like components are using React style props instead of actual CSS and would cause more refactoring than just moving the styles to their own file.

[JRIngram]

@Jacoberson ideally it would be great if we could have them as separate css files.

But so long as the styles are moved into separate files that should be fine. So I am happy with either style.js or css, depends how much refactoring you wish to do!