fix(storybook): fix storybook rendering with i18n library

web/components/layouts/Main/Main.stories.tsx

@@ -34,6 +34,12 @@ const meta = {
   title: 'owncast/Layout/Main',
   parameters: {
     layout: 'fullscreen',
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
   },
 } satisfies Meta<typeof Main>;
 

web/components/ui/Footer/Footer.stories.tsx

@@ -5,7 +5,14 @@ import { Footer } from './Footer';
 const meta = {
   title: 'owncast/Layout/Footer',
   component: Footer,
-  parameters: {},
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
+  },
 } satisfies Meta<typeof Footer>;
 
 export default meta;

web/components/ui/Header/Header.stories.tsx

@@ -7,6 +7,12 @@ const meta = {
   component: Header,
   parameters: {
     chromatic: { diffThreshold: 0.75 },
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
   },
 } satisfies Meta<typeof Header>;
 

web/components/ui/OfflineBanner/OfflineBanner.stories.tsx

@@ -17,6 +17,12 @@ const meta = {
         component: `When the stream is offline the player should be replaced by this banner that can support custom text and notify actions.`,
       },
     },
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
   },
 } satisfies Meta<typeof OfflineBanner>;