How to render a server component in the client component?
You can pass Server Components as a prop to a Client Component. A common pattern is to use the React children prop.
<ClientComponent> doesn't know that children will eventually be filled in by the result of a Server Component. The only responsibility <ClientComponent> has is to decide where children will eventually be placed.