Migrate from react-scripts to Vite

[rashidakanchwala]

Description

Since CRA is being deprecated, and we still use react-scripts, we need to migrate Kedro-Viz to Vite as recommended by React. react-scripts handles bundling, the dev server, and testing, but Vite is faster and better suited for modern React. The migration will update the build system, replace CRA-specific scripts, and ensure tests still work.

FYI, We can also look at Parcel, or RSBuild but we did some work making our React app compatible to 'Vite' already so we should go for it. Let me know if you think otherwise.

Context

Why is this change important to you? How would you use it? How can it benefit other users?

Possible Implementation

(Optional) Suggest an idea for implementing the addition or change.

Possible Alternatives

(Optional) Describe any alternative solutions or features you've considered.

Checklist

• Include labels so that we can categorise your feature request

[astrojuanlu]

We can also look at Parcel, or RSBuild but we did some work making our React app compatible to 'Vite' already so we should go for it.

💯 Thanks @rashidakanchwala !

[rashidakanchwala]

I managed to get the dev version working and replaced workerize-loader, as Vite doesn't support it.

Once this is done, we should be able to close ticket #2013.

Next, I'll be working on tests (Jest) and fixing any build-related issues.