fix: use suspense over loading.tsx

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

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

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

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

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

@@ -1,14 +0,0 @@
-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>
-  )
-}