Merged in feat/trackingsdk-client (pull request #1420)

feat: trackingsdk as client component

* feat: trackingsdk as client component

* Cleanup

* Merge changes from feat/trackingsdk-client

* revert yarn.lock

* Added lcpTime and wait with tracking until we have the values


Approved-by: Joakim Jäderberg

apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/[...path]/page.tsx

@@ -42,9 +42,7 @@ export default async function MyPages({}: PageArgs<
           <p>{intl.formatMessage({ id: "No content published" })}</p>
         )}
       </main>
-      <Suspense fallback={null}>
-        <TrackingSDK pageData={tracking} />
-      </Suspense>
+      <TrackingSDK pageData={tracking} />
     </>
   )
 }

apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/profile/page.tsx

@@ -19,9 +19,7 @@ export default async function ProfilePage({}: PageArgs<LangParams>) {
   return (
     <>
       <Profile />
-      <Suspense fallback={null}>
-        <TrackingSDK pageData={accountPage.tracking} />
-      </Suspense>
+      <TrackingSDK pageData={accountPage.tracking} />
     </>
   )
 }

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/page.tsx

@@ -30,9 +30,7 @@ export default function HotelReservationPage({ params }: PageArgs<LangParams>) {
   return (
     <div className={styles.page}>
       New booking flow! Please report errors/issues in Slack.
-      <Suspense fallback={null}>
-        <TrackingSDK pageData={pageTrackingData} />
-      </Suspense>
+      <TrackingSDK pageData={pageTrackingData} />
     </div>
   )
 }

apps/scandic-web/app/[lang]/(live)/layout.tsx

@@ -14,7 +14,6 @@ import Header from "@/components/Header"
 import StorageCleaner from "@/components/HotelReservation/EnterDetails/StorageCleaner"
 import SitewideAlert from "@/components/SitewideAlert"
 import { ToastHandler } from "@/components/TempDesignSystem/Toasts"
-import { preloadUserTracking } from "@/components/TrackingSDK"
 import AdobeSDKScript from "@/components/TrackingSDK/AdobeSDKScript"
 import GTMScript from "@/components/TrackingSDK/GTMScript"
 import RouterTracking from "@/components/TrackingSDK/RouterTracking"
@@ -31,7 +30,6 @@ export default async function RootLayout({
     bookingwidget: React.ReactNode
   }
 >) {
-  preloadUserTracking()
   const { defaultLocale, locale, messages } = await getIntl()
 
   return (