fix: avoid layout shift due to ads

[posva]

This is specific to mobile viewports. Since the ad container goes on top of the content, loading it only on client side creates a layout shift:

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/vuejs/vitepress/ii4y0zkjb
✅ Preview: https://vitepress-git-fix-layout-shift-ads.vuejs1.vercel.app

[posva]

I think this is the simplest and most maintainable solution: remove the async loading for the CarbonAds component + min-height on the ads container. It does add the CarbonAds to the whole bundle but I would say it's reasonable.

We can also expose the Component to be used by custom themes or build a more complex solution like a placeholder that takes up the space on mobile, which would create duplication.

[posva]

Should be good with a container in layout and keeping the component async!