Generate a single CSS file for Kedro-Viz npm lib

[vladimir-mck]

Description

The objective of this ticket is to enhance our development process by optimizing CSS handling and organization. The key tasks involve upgrading our webpack configuration and build scripts to seamlessly generate a single CSS file for our npm library. Furthermore, we should transition from importing individual CSS files into components and instead import SCSS files directly.

Context

At the moment in local development we engage in a redundant process of converting SCSS files into CSS files for component-level imports. This step is not needed since React Scripts can work with scss files out of the box and running the build command will parse it and bundle into a css file for us.

Additionally the npm lib has a lot of css files shipped with it. Each file is imported into it's respective component which is also unnecessary as it should ship with only 1 css file.

Outcome of this ticket

• Replace css imports with scss imports
• Update webpack config and scripts to bundle the scss files into a single css file for npm lib