[REFACTOR] Review the CSS style

[tbouffard]

Tasks

Beta Give feedback

We're having trouble rendering your tasklist, it's most likely has one of the following formatting errors:

• indented tasks (i.e. nested tasklist; support for this is coming!)
• an empty task (i.e. - [ ] on a line by itself)
• any empty new lines (before/after the tasklist or in between tasks)
• duplicate issue/pr links
• a draft task exceeds 512 characters

Please check the tasklists documentation for more information. 🔗 Feedback Discussion

Thank you for participating in the Private Beta ❤️

1. Clear extra CSS rules taken from other demos. Some CSS rules were copied https://process-analytics.github.io/icpm-demo-2022/ and the [predictions demo](https://github.com/process-analytics/bpmn-visualization-examples/blob/v0.33.0/demo/predictions/css/demo.css)
2. Review the class names and ensure they match the use case
3. Check if we can import spectre.css directly in the code instead of in the page. Vite would manage the minification for us, and we could bundle several optional spectree file as well.