fix: track user on page load

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

@@ -22,6 +22,8 @@ export default async function MyPages({
   const accountPageTracking =
     await serverClient().contentstack.accountPage.tracking()
 
+  const userTrackingData = await serverClient().user.tracking()
+
   return (
     <main className={styles.blocks}>
       <Title>{accountPage.heading}</Title>
@@ -30,7 +32,7 @@ export default async function MyPages({
       ) : (
         <p>{formatMessage({ id: "No content published" })}</p>
       )}
-      <TrackingSDK pageData={accountPageTracking} />
+      <TrackingSDK pageData={accountPageTracking} userData={userTrackingData} />
     </main>
   )
 }

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

@@ -1,12 +1,3 @@
-import "../profileLayout.css"
+import ProfilePage from "../page"
 
-import { serverClient } from "@/lib/trpc/server"
-
-import TrackingSDK from "@/components/Current/TrackingSDK"
-
-export default async function EditProfilePage() {
-  const accountPageTracking =
-    await serverClient().contentstack.accountPage.tracking()
-
-  return <TrackingSDK pageData={accountPageTracking} />
-}
+export default ProfilePage

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

@@ -7,6 +7,9 @@ import TrackingSDK from "@/components/Current/TrackingSDK"
 export default async function ProfilePage() {
   const accountPageTracking =
     await serverClient().contentstack.accountPage.tracking()
+  const userTrackingData = await serverClient().user.tracking()
 
-  return <TrackingSDK pageData={accountPageTracking} />
+  return (
+    <TrackingSDK pageData={accountPageTracking} userData={userTrackingData} />
+  )
 }