fix: make parallel routes not render blocking

fix: add loading to parallel routes

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/[...path]/loading.tsx

@@ -0,0 +1,5 @@
+import BreadcrumbsSkeleton from "@/components/Breadcrumbs/BreadcrumbsSkeleton"
+
+export default function Loading() {
+  return <BreadcrumbsSkeleton />
+}

app/[lang]/(live)/(protected)/my-pages/@breadcrumbs/[...path]/page.tsx

@@ -1,7 +1,4 @@
-import { Suspense } from "react"
-
 import Breadcrumbs from "@/components/Breadcrumbs"
-import BreadcrumbsSkeleton from "@/components/Breadcrumbs/BreadcrumbsSkeleton"
 import { setLang } from "@/i18n/serverContext"
 
 import { LangParams, PageArgs } from "@/types/params"
@@ -9,9 +6,5 @@ import { LangParams, PageArgs } from "@/types/params"
 export default function AllBreadcrumbs({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
 
-  return (
+  return <Breadcrumbs />
-    <Suspense fallback={<BreadcrumbsSkeleton />}>
-      <Breadcrumbs />
-    </Suspense>
-  )
 }

app/[lang]/(live)/(public)/[contentType]/[uid]/@breadcrumbs/loading.tsx

@@ -0,0 +1,5 @@
+import BreadcrumbsSkeleton from "@/components/Breadcrumbs/BreadcrumbsSkeleton"
+
+export default function Loading() {
+  return <BreadcrumbsSkeleton />
+}

app/[lang]/(live)/(public)/[contentType]/[uid]/@preview/loading.tsx

@@ -0,0 +1,11 @@
+import { env } from "@/env/server"
+
+import CurrentLoadingSpinner from "@/components/Current/LoadingSpinner"
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+export default function LoadingFooter() {
+  if (env.HIDE_FOR_NEXT_RELEASE) {
+    return <CurrentLoadingSpinner />
+  }
+  return <LoadingSpinner />
+}

app/[lang]/(live)/@bookingwidget/[...path]/loading.tsx

@@ -0,0 +1 @@
+export { default } from "../loading"

app/[lang]/(live)/@bookingwidget/[contentType]/[uid]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

app/[lang]/(live)/@bookingwidget/default.tsx

@@ -1 +1,14 @@
-export { default } from "./page"
+import { Suspense } from "react"
+
+import Loading from "./loading"
+import Page from "./page"
+
+import { PageArgs } from "@/types/params"
+
+export default function Default(props: PageArgs<{}, URLSearchParams>) {
+  return (
+    <Suspense fallback={<Loading />}>
+      <Page {...props} />
+    </Suspense>
+  )
+}

app/[lang]/(live)/@bookingwidget/hotelreservation/[...paths]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

app/[lang]/(live)/@bookingwidget/my-pages/[...path]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

app/[lang]/(live)/@footer/[...path]/loading.tsx

@@ -0,0 +1 @@
+export { default } from "../loading"

app/[lang]/(live)/@footer/[contentType]/[uid]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

app/[lang]/(live)/@footer/default.tsx

@@ -1 +0,0 @@
-export { default } from "./page"

app/[lang]/(live)/@footer/my-pages/[...path]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

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

@@ -0,0 +1 @@
+export { default } from "../loading"

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

@@ -1 +0,0 @@
-export { default } from "../page"

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

@@ -1 +0,0 @@
-export { default } from "../../page"

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

@@ -1 +0,0 @@
-export { default } from "./page"

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

@@ -0,0 +1,5 @@
+import HeaderFallback from "@/components/Current/Header/HeaderFallback"
+
+export default function LoadingFooter() {
+  return <HeaderFallback />
+}

app/[lang]/(live)/@header/my-pages/[...path]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

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

@@ -1,9 +1,6 @@
-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"
 
@@ -13,11 +10,7 @@ export default function HeaderPage({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
 
   if (env.HIDE_FOR_NEXT_RELEASE) {
-    return (
+    return <CurrentHeader />
-      <Suspense fallback={<HeaderFallback />}>
-        <CurrentHeader />
-      </Suspense>
-    )
   }
 
   return <Header />

app/[lang]/(live)/@sitewidealert/[...path]/loading.tsx

@@ -0,0 +1 @@
+export { default } from "../loading"

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

@@ -1 +0,0 @@
-export { default } from "../page"

app/[lang]/(live)/@sitewidealert/[contentType]/[uid]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

app/[lang]/(live)/@sitewidealert/default.tsx

@@ -1 +0,0 @@
-export { default } from "./page"

app/[lang]/(live)/@sitewidealert/loading.tsx

@@ -0,0 +1,3 @@
+export default function Loading() {
+  return null
+}

app/[lang]/(live)/@sitewidealert/my-pages/[...path]/page.tsx

@@ -1 +0,0 @@
-export { default } from "../../page"

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

@@ -1,5 +1,3 @@
-import { Suspense } from "react"
-
 import { env } from "@/env/server"
 
 import SitewideAlert, { preload } from "@/components/SitewideAlert"
@@ -15,9 +13,5 @@ export default function SitewideAlertPage({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
   preload()
 
-  return (
+  return <SitewideAlert />
-    <Suspense>
-      <SitewideAlert />
-    </Suspense>
-  )
 }