fix: resolve ssr:false build error for dynamic imports in Server Components

app/[locale]/layout.tsx

@@ -18,10 +18,8 @@ import { cookies } from 'next/headers';
 
 import { TransitionProvider } from '@/components/providers/TransitionProvider';
 import { InitialLoader } from '@/components/providers/InitialLoader';
-import dynamic from 'next/dynamic';
-
-const CorporateBackground = dynamic(() => import('@/components/decorations/CorporateBackground').then(mod => mod.CorporateBackground), { ssr: false });
-const PageTransitionShutter = dynamic(() => import('@/components/providers/PageTransitionShutter').then(mod => mod.PageTransitionShutter), { ssr: false });
+import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground';
+import { DynamicPageTransitionShutter as PageTransitionShutter } from '@/components/providers/DynamicPageTransitionShutter';
 
 const inter = Inter({
   subsets: ['latin'],

components/decorations/DynamicCorporateBackground.tsx

@@ -0,0 +1,7 @@
+'use client';
+import dynamic from 'next/dynamic';
+
+export const DynamicCorporateBackground = dynamic(
+  () => import('./CorporateBackground').then(mod => mod.CorporateBackground),
+  { ssr: false }
+);

components/providers/DynamicPageTransitionShutter.tsx

@@ -0,0 +1,7 @@
+'use client';
+import dynamic from 'next/dynamic';
+
+export const DynamicPageTransitionShutter = dynamic(
+  () => import('./PageTransitionShutter').then(mod => mod.PageTransitionShutter),
+  { ssr: false }
+);

dummy-polyfill.js

@@ -0,0 +1 @@
+export default {};

lib/empty-polyfill.js

@@ -0,0 +1,2 @@
+// Empty polyfill to trick Next.js into not loading legacy polyfills
+export default {};