fix: user initials in header

components/MyPages/Header/User/index.tsx

@@ -1,9 +1,13 @@
+import { serverClient } from "@/lib/trpc/server"
 import styles from "./user.module.css"
 
-export default function User() {
+export default async function User() {
+  const user = await serverClient().user.get()
+
   return (
     <div className={styles.user}>
-      FK
+      {user.firstName[0].toUpperCase()}
+      {user.lastName[0].toUpperCase()}
       <span className={styles.alert}>1</span>
     </div>
   )