Using Suspense on CurrentHeader #SW-386

app/[lang]/(live)/@header/page.tsx

@@ -1,6 +1,9 @@
+import { Suspense } from "react"
+
 import { env } from "@/env/server"
 
 import CurrentHeader from "@/components/Current/Header"
+import HeaderFallback from "@/components/Current/Header/HeaderFallback"
 import Header from "@/components/Header"
 import { setLang } from "@/i18n/serverContext"
 
@@ -10,7 +13,11 @@ export default function HeaderPage({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
 
   if (env.HIDE_FOR_NEXT_RELEASE) {
-    return <CurrentHeader />
+    return (
+      <Suspense fallback={<HeaderFallback />}>
+        <CurrentHeader />
+      </Suspense>
+    )
   }
 
   return <Header />