Upgrade to React 6.14.0, share build config between frontend and Storybook 7

Description

It seems that the .babelrc for the Storybook 7 build is contradicting the .swcrc with the kpi build, resulting in a regression for the dev server. (live reload or react refresh no longer works.)

The scope of this issue is to restore the dev server without breaking the Storybook 7 build. Ideally, unify configs between Storybook and frontend, because that's why Storybook 7 tries to use a root-level .babelrc in the first place.

Steps to Reproduce

Try running npm run watch, with and without .babelrc.json present in the kpi source directory.

Once the dev server's up, modify some frontend files and save them.

Expected behavior

npm run watch should present a live dev server, reloading changes when frontend files are saved.

Actual behavior

With .babelrc.json present, the live reloading no longer occurs.

(But if .babelrc.json is absent, the storybook build fails.)

Additional details

I think since swc contains affordances as a drop-in replacement for babel, it's probably reading some values from .babelrc.json, that are not the same as what's in .swcrc.

Storybook 7 might not be compatible with the 'classic' runtime (at least, that's what I remember from when I tried this earlier.)

I'd like to do what I commented here in .storybook/main.js:

upgrade to React 6.14.0 for the new transform runtime,
- A react 17 or 18 upgrade may be compatible with our app, but could introduce breaking changes and require extensive testing.
use the new transform for both Storybook and our main app
use swc addon for our Storybook builds,
get Storybook 7 to use the same build configs as our main app
- if I have to, could make both use .babelrc instead of .swcrc
- otherwise ideally get Storybook to read the .swcrc, which seems possible based on cursory research

kobotoolbox / kpi