Update Storybook to latest version

[witoszekdev]

I want to merge this change because it updates Storybook to latest version. This includes many benefits like faster build times.

PR intended to be tested with API branch:

Screenshots

Pull Request Checklist

1. This code contains UI changes
2. All visible strings are translated with proper context including data-formatting
3. Attributes [data-test-id] are added for new elements
4. Changes are mentioned in the changelog
5. The changes are tested in different browsers and in light/dark mode

Test environment config

API_URI=https://automation-dashboard.staging.saleor.cloud/graphql/

[witoszekdev]

I've run codemod to migrate every story to CSF format instead of storiesOf.
Unfortunately Storybooks codemod build is broken so I needed to do some hacks to make it work:
Documentation in case we'd need old codemods from Storybook again

• Clone Storybook repo locally
• Change file name in @storybook/codemods package src/transforms/storiesof-to-csf.js -> src/transforms/storiesof-to-csf.ts
• Add // @ts-nocheck at the top of the file to disable TypeScript errors
• Install Storybook dependencies according to their documentation in README
• Build @storybook/codemods package using yarn workspace @storybook/codemods prepare
• Get list of all Storybook files using this neat little script

import fs from "fs";
import { globby } from "globby";

const files = await globby("**/*.stories.{ts,tsx}");

fs.writeFile("out.txt", files.join("\n"), err => console.log(err));

• Install jscodeshift and globby
• Run that little script - it will output file that contains filenames that need to be changed
• Remove @babel/preset-env from babel.config.js because yes. See: storiesof-to-csf.js codemod does not support Typescript (tsx in particular) storybookjs/storybook#9669 (comment)
• Run this:

./node_modules/.bin/jscodeshift --trace-warnings -t <STORYBOOK_REPO_DIRECTORY>/lib/codemod/dist/cjs/transforms/storiesof-to-csf.js --verbose=2 --run-in-band --parser=tsx --no-babel --stdin < out.txt

The files should be changed 🥳

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.