Provide consistent class names for themes.

[insertish]

Class names are currently generated by:

• styled-components, which are super inconsistent
• Vite which should stay fairly consistent, but unsure of how reliable they are

Need a nice way to provide consistent class names to people who want to theme the app.

[Bawbby]

No idea what I'm doing but I looked into doing consistent class names.

• Vite uses postcss-modules for the CSS module class names. You can configure those with css.modules.generatedScopeName
• For Styled components it looks impossible. Styled components generate random class names to prevent name clashing.

Let me know if I got anything wrong though.

[philip-peterson]

Styled-components provides support for themeing -- https://styled-components.com/docs/api#themeprovider it's just a little more specific than creating a raw stylesheet.

[insertish]

Unintentionally fixed this in 3fd56e4.

(you can match against the start of the class attribute without much hassle)
(also we are migrating from scss to sc, so all the other classes will eventually follow suit)