Also blocked by clerk/clerk new tooltip component

🔎 Previews:

What does this solve?

Extracts

<Tooltip src="_tooltips/content.mdx">Hover me</Tooltip>

and transforms it in to

<Tooltip>
  <TooltipTitle>Hover me</TooltipTitle>
  <TooltipDescription>Content of the tooltip</TooltipDescription>
</Tooltip>

This is because mdx is weird and children props get treated differently to standard props. So to ensure that both the title text and the tooltip content are treated as mdx not just a string, we need to embed them in to there own children inside components.

Checklist

• I have clicked on "Files changed" and performed a thorough self-review
• All existing checks pass