👽 [#724] Update react-intl addon init code to not use require

require doesn't exist in Vite, but import.meta can be used
instead.

.storybook/preview.js

@@ -25,7 +25,7 @@ import {
   withClearSessionStorage,
   withClearSubmissionLocalStorage,
 } from './decorators';
-import {reactIntl} from './reactIntl.js';
+import {reactIntl} from './reactIntl.mjs';
 import ThemeProvider from './theme';
 
 initialize({

.storybook/reactIntl.mjs

@@ -0,0 +1,18 @@
+const locales = ['nl', 'en'];
+
+const messages = {};
+const importMessages = import.meta.glob('../src/i18n/compiled/*.json', {eager: true});
+
+// Populate the messages object
+locales.forEach(lang => {
+  messages[lang] = importMessages[`../src/i18n/compiled/${lang}.json`];
+});
+
+const formats = {}; // optional, if you have any formats
+
+export const reactIntl = {
+  defaultLocale: 'nl',
+  locales,
+  messages,
+  formats,
+};