feat: created theme provider and remove next.app.mjs (#5469)

.storybook/main.ts

@@ -1,19 +1,13 @@
 import type { StorybookConfig } from '@storybook/nextjs';
 
 const config: StorybookConfig = {
-  stories: ['../components/**/*.stories.@(ts|tsx)'],
+  stories: ['../components/**/*.stories.tsx'],
   addons: ['@storybook/addon-controls', '@storybook/addon-interactions'],
-  framework: {
-    name: '@storybook/nextjs',
-    options: {},
-  },
-  features: {
-    storyStoreV7: true,
-  },
-  docs: {
-    autodocs: 'tag',
-  },
+  framework: { name: '@storybook/nextjs', options: {} },
+  features: { storyStoreV7: true },
+  docs: { autodocs: 'tag' },
   staticDirs: ['../public'],
+  core: { disableTelemetry: true },
 };
 
 export default config;

.storybook/preview.tsx

@@ -1,7 +1,9 @@
-import type { Preview } from '@storybook/react';
 import NextImage from 'next/image';
+import { SiteProvider } from '../providers/siteProvider';
+import { ThemeProvider } from '../providers/themeProvider';
+import { LocaleProvider } from '../providers/localeProvider';
 import { openSans } from '../util/nextFonts';
-import BaseApp, { setAppFonts } from '../next.app';
+import type { Preview } from '@storybook/react';
 
 import '../styles/index.scss';
 
@@ -23,15 +25,17 @@ const preview: Preview = {
   },
 };
 
-setAppFonts([openSans.style.fontFamily]);
-
 export const decorators = [
   Story => (
-    <BaseApp>
-      <div data-test-id="story-root">
-        <Story />
-      </div>
-    </BaseApp>
+    <SiteProvider>
+      <LocaleProvider>
+        <ThemeProvider font={openSans.style.fontFamily}>
+          <div data-test-id="story-root">
+            <Story />
+          </div>
+        </ThemeProvider>
+      </LocaleProvider>
+    </SiteProvider>
   ),
 ];
 

next.config.mjs

@@ -30,10 +30,6 @@ const nextConfig = {
     // We disable the support for legacy browsers which should reduce the polyiffing
     // and the overall bundle size for the Node.js Website client runtime
     legacyBrowsers: false,
-    // We want all Next.js scripts to be registered as Service Workers, which
-    // reduces the JavaScript load time on cache hits (this uses Workbox)
-    // @see https://developer.chrome.com/docs/workbox/
-    nextScriptWorkers: true,
     // This feature reduces the Next.js memory consumption by compartimentalising
     // the Webpack builds into smaller threads that are responsible for building
     // smaller pieces of the website instead of all pages at onces