Add a language switcher to Storybook

import { setLocale } from "@my-app/i18n"; // import a function to set the locale
import { Preview } from "@storybook/your-framework"; // import the Preview type for your framework

const preview: Preview = {
  decorators: [
    (story, context) => {
      const { locale } = context.globals; // get the locale from the global context
      setLocale(locale); // set the locale
      return story();
    },
  ],
};

export const globalTypes = {
  locale: {
    name: "Locale",
    description: "Internationalization locale",
    defaultValue: "en-GB",
    toolbar: {
      icon: "globe",
      items: [
        { value: "de-DE", title: "German (Germany)" },
        { value: "en-GB", title: "English (United Kingdom)" },
        { value: "en-IE", title: "English (Ireland)" },
        { value: "en-US", title: "English (United States)" },
        { value: "pl-PL", title: "Polish (Poland)" },
      ],
      showName: true,
    },
  },
};

export default preview;