feat(WEB-127): add trpc to handle requests both serverside and clientside

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

@@ -1,4 +1,4 @@
-import { auth } from "@/auth"
+import { serverClient } from "@/lib/trpc/server"
 
 import Overview from "@/components/MyPages/Blocks/Overview"
 import OverviewMobile from "@/components/MyPages/Blocks/Overview/Mobile"
@@ -10,12 +10,11 @@ import styles from "./page.module.css"
 import type { LangParams, PageArgs } from "@/types/params"
 
 export default async function MyPage({ params }: PageArgs<LangParams>) {
-  const session = await auth()
-  console.log({ session })
+  const data = await serverClient().user.get()
   return (
     <section className={styles.container}>
       <header className={styles.header}>
-        <Title uppercase>Good morning {session?.user?.name ?? "[NAME]"}</Title>
+        <Title uppercase>Good morning {data.name}</Title>
       </header>
       <section className={styles.blocks}>
         <Overview />