feat(storybook): add Webpack 5 support for React Storybook setups

[juristr]

Current Behavior

Right now, React with Webpack 5 is just an opt-in, which is also why the current Storybook generator doesn't use the Webpack 5 setup by default.

Expected Behavior

This PR adds two things:

a) a warning if an existing Storybook configuration doesn't use the Webpack 5 configuration

b) Detects whether the React setup uses Webpack 5 and makes sure to generate proper Webpack 5 setup for Storybook react stories

Newest changes:

User migrates to Webpack 5

User uses this guide.
When they run

npx nx g @nrwl/web:webpack5

to migrate their React projects, this generator will also do the following:

1. Check if they have the @storybook/react package installed
2. It will install @storybook/builder-webpack5 and @storybook/manager-webpack5 if they are not already installed
3. It will add the builder: 'webpack5' option in the Storybook configurations (.storybook/main.js) of their React projects

Related Issue(s)

Fixes #6703

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nrwl/nx-dev/HaVhNM588mF25sEoUhuSxEVFaRNu
✅ Preview: Canceled

[Deployment for 6c5dd73 canceled]

[nx-cloud]

Nx Cloud Report

CI ran the following commands for commit 6c5dd73. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Status	Command
	nx affected --target=build --base=0d3601e8cbcb14129f5b6e7a2656f3706a88b7c7 --head=6c5dd731bb3390bbb7cb363295e5a32b517bd0c2 --parallel --max-parallel=3
	nx affected --target=e2e --base=0d3601e8cbcb14129f5b6e7a2656f3706a88b7c7 --head=6c5dd731bb3390bbb7cb363295e5a32b517bd0c2 --exclude=e2e-next,e2e-gatsby,e2e-workspace-create,e2e-workspace-integrations,e2e-workspace-core,e2e-react,e2e-web,e2e-angular-extensions,e2e-angular-core,e2e-cli,e2e-nx-plugin,e2e-storybook,e2e-cypress,e2e-node,e2e-linter,e2e-je...
	nx affected --target=e2e --base=0d3601e8cbcb14129f5b6e7a2656f3706a88b7c7 --head=6c5dd731bb3390bbb7cb363295e5a32b517bd0c2 --exclude=e2e-react-native,e2e-detox
	nx affected --target=lint --base=0d3601e8cbcb14129f5b6e7a2656f3706a88b7c7 --head=6c5dd731bb3390bbb7cb363295e5a32b517bd0c2 --parallel --max-parallel=4
	nx affected --target=test --base=0d3601e8cbcb14129f5b6e7a2656f3706a88b7c7 --head=6c5dd731bb3390bbb7cb363295e5a32b517bd0c2 --parallel --max-parallel=2
	nx build typedoc-theme

---

Sent with 💌 from NxCloud.

[jaysoo]

Need this for the webpack upgrade. Merging it and removing the isWebpack5 checks :)

#7283

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.