feat: add doc for web components in MDX

[Its-Just-Nans]

Related to withastro/roadmap#1260

Description (required)

Add doc for web components in MDX

[astrobot-houston]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

File	Note
en/guides/integrations-guide/mdx.mdx	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[netlify]

✅ Deploy Preview for astro-docs-2 ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	d41a1f7
🔍 Latest deploy log	https://app.netlify.com/projects/astro-docs-2/deploys/691e7673eb9b5f0008c7b24d
😎 Deploy Preview	https://deploy-preview-12740--astro-docs-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sarah11918]

Hi! We've been discussing this, and this isn't really a happy path/standard Astro pattern that we'd recommend, so it's not quite right for our docs.

Something like this would make an interesting blog post as something you've discovered that people can learn from, or something to submit to Astro Tips! But we won't be including it as reccomended usage in Astro Docs.

[Its-Just-Nans]

Hi

Not sure to understand why it's not recommended but thanks for the explanation!