Langswitcher as parallel instead of Header. Using promise.all and added some Suspenses

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

@@ -1,7 +1,9 @@
+import { Suspense } from "react"
+
 import { serverClient } from "@/lib/trpc/server"
 
 import BookingWidget from "@/components/BookingWidget"
-import { getLang } from "@/i18n/serverContext"
+import LoadingSpinner from "@/components/LoadingSpinner"
 
 export default async function BookingWidgetPage() {
   // Get the booking widget show/hide status based on page specific settings
@@ -9,10 +11,10 @@ export default async function BookingWidgetPage() {
     await serverClient().contentstack.bookingwidget.getToggle()
 
   return (
-    <>
+    <Suspense fallback={<LoadingSpinner />}>
       {bookingWidgetToggle && bookingWidgetToggle.hideBookingWidget ? null : (
         <BookingWidget />
       )}
-    </>
+    </Suspense>
   )
 }