Normalise how we write stories

[sandhose]

When upgrading to React 19, I had a few typing errors, mainly because we're not consistent when writing stories.

This changes to always use the following pattern:

const meta = {
  // ...
  component: Component,
} satisfies Meta<typeof Component>;
export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
  // ...
};

This has the main benefit of making sure that the story is typed correctly:

• the story object themselves are typed as expected
• the 'as Meta' cast we used hide a few typing errors, satisfies makes sure the Meta is correctly typed
• defining Story as StoryObj<typeof meta> makes sure that if we have mandatory args defined in the meta, we don't have to define them in the story

It also tries to use decorators and the children arg as much as possible instead of defining story-specific render functions

[cloudflare-workers-and-pages]

Deploying compound-web with    Cloudflare Pages

Latest commit:	5e3b9c9
Status:	✅  Deploy successful!
Preview URL:	https://73bf1a38.compound-web.pages.dev
Branch Preview URL:	https://quenting-normalise-stories.compound-web.pages.dev

View logs