refactor: create page specific tRPC requests

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

@@ -8,10 +8,11 @@ import type { LangParams, PageArgs } from "@/types/params"
 
 export default async function BenefitsPage({ params }: PageArgs<LangParams>) {
   const user = await serverClient().user.get()
-  const accountPage = await serverClient().contentstack.accountPage.get({
-    lang: params.lang,
-    uri: "/my-pages/benefits",
-  })
+  const accountPage = await serverClient().contentstack.accountPage.getBenefits(
+    {
+      lang: params.lang,
+    }
+  )
 
   return (
     <main className={styles.container}>

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

@@ -10,10 +10,11 @@ import type { LangParams, PageArgs } from "@/types/params"
 
 export default async function MyPageOverview({ params }: PageArgs<LangParams>) {
   const user = await serverClient().user.get()
-  const accountPage = await serverClient().contentstack.accountPage.get({
-    uri: "/my-pages/overview",
-    lang: params.lang,
-  })
+  const accountPage = await serverClient().contentstack.accountPage.getOverview(
+    {
+      lang: params.lang,
+    }
+  )
 
   return (
     <MaxWidth className={styles.blocks} tag="main">