fix: handle webviews

components/ContentType/LoyaltyPage/LoyaltyPage.tsx

@@ -1,10 +1,10 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import TrackingSDK from "@/components/Current/TrackingSDK"
 import { Blocks } from "@/components/Loyalty/Blocks"
 import Sidebar from "@/components/Loyalty/Sidebar"
 import MaxWidth from "@/components/MaxWidth"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import TrackingSDK from "@/components/TrackingSDK"
 
 import styles from "./loyaltyPage.module.css"
 
@@ -12,15 +12,13 @@ import type { LangParams } from "@/types/params"
 
 export default async function LoyaltyPage({ lang }: LangParams) {
   const loyaltyPage = await serverClient().contentstack.loyaltyPage.get()
+
   if (!loyaltyPage) {
     return null
   }
 
-  const loyaltyPageTracking =
-    await serverClient().contentstack.loyaltyPage.tracking()
-
-  const userTracking = await serverClient().user.tracking()
-
+  const loyaltyPageTracking = serverClient().contentstack.loyaltyPage.tracking()
+  const userTracking = serverClient().user.tracking()
   return (
     <section className={styles.content}>
       {loyaltyPage.sidebar.length ? (
@@ -33,7 +31,10 @@ export default async function LoyaltyPage({ lang }: LangParams) {
           <Blocks blocks={loyaltyPage.blocks} lang={lang} />
         ) : null}
       </MaxWidth>
-      <TrackingSDK pageData={loyaltyPageTracking} userData={userTracking} />
+      <TrackingSDK
+        pageDataPromise={loyaltyPageTracking}
+        userDataPromise={userTracking}
+      />
     </section>
   )
 }

components/ContentType/LoyaltyPage/loyaltyPage.module.css

@@ -5,6 +5,7 @@
   padding-right: var(--Spacing-x0);
   position: relative;
   justify-content: center;
+  align-items: flex-start;
 }
 
 .blocks {
@@ -27,7 +28,6 @@
 
   .content:has(> aside) .blocks {
     grid-column: 2 / -1;
-    height: fit-content;
   }
 
   .blocks {