feat(WEB-169): get profile data from API

lib/trpc/Provider.tsx

@@ -4,11 +4,11 @@ import { useState } from "react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { httpBatchLink } from "@trpc/client"
 import { env } from "@/env/client"
-import { api } from "./client"
+import { trpc } from "./client"
 import { transformer } from "@/server/transformer"
 
 function initializeTrpcClient() {
-  return api.createClient({
+  return trpc.createClient({
     links: [
       httpBatchLink({
         transformer,
@@ -25,8 +25,8 @@ export default function TrpcProvider({ children }: React.PropsWithChildren) {
   const [queryClient] = useState(() => new QueryClient({}))
   const [trpcClient] = useState(() => initializeTrpcClient())
   return (
-    <api.Provider client={trpcClient} queryClient={queryClient}>
+    <trpc.Provider client={trpcClient} queryClient={queryClient}>
       <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-    </api.Provider>
+    </trpc.Provider>
   )
 }

lib/trpc/client.ts

@@ -2,4 +2,4 @@ import { createTRPCReact } from "@trpc/react-query"
 
 import type { AppRouter } from "@/server"
 
-export const api = createTRPCReact<AppRouter>({})
+export const trpc = createTRPCReact<AppRouter>({})