import { Container } from '@/components/layout';
import { LinksCard, PersonCard, ProfileDataCard } from '@/components/profile';
import { dehydrate, HydrationBoundary, QueryClient } from '@tanstack/react-query';

export default async function ProfilePage() {
  const queryClient = new QueryClient();

  return (
    <HydrationBoundary state={dehydrate(queryClient)}>
      <Container className="px-0">
        <PersonCard />
        <ProfileDataCard />
        <LinksCard />
      </Container>
    </HydrationBoundary>
  );
}