Migrate Storybook stories to CSF v3

[jesstelford]

Tip

View this PR without whitespace changes

CSF v3 is Storybook's new format for stories supported in Storybook v7+.

A couple highlights of the new format:

• Clearer story configuration (each story is now an object instead of a function with some attached properties)
• Support for the new play function to automate interactions

The changes in this PR were achieved in 3 steps (each added as a seperate commit for easier reviewing):

1. Add csf-v3 internal migration
   • A jscodeshift migration using our migration tool to move from the CSF 2 Function export format to CSF 3 Object export syntax (the official storybook migrator doesn't handle this)
2. Add storybook lint rules
   • Particularly to disable the "Rules of hooks" error now that the components are defined in non-pascal function render(): Codemod: Handle react hooks better for CSF3 storybookjs/storybook#21115
3. Migrate to CSF v3
   • Run storybook's csf v3 migration:

     • pnpm dlx storybook@latest migrate csf-2-to-3 --glob="polaris-react/**/*.stories.tsx" --parser=tsx

   • Run the internal csf v3 migration:

     • pnpm --filter=@shopify/polaris-migrator build && pnpm --filter=@shopify/polaris-migrator start --force csf-v3 "../polaris-react/**/*.stories.tsx"

   • Format all changed files:

     • git diff --name-only --diff-filter=ACMR | sed 's| |\\ |g' | xargs pnpm exec prettier --write --ignore-unknown