refactor: extract MDX components

[slorber]

Motivation

Breaking change:

• ul.contains-task-list CSS is now locally scoped instead of applied globally
• <img> outside of markdown documents won't be auto-applied with height: auto: it is your responsibility to apply this in images of your Docusaurus pages if you want that CSS rule again, or to apply it back with a global CSS rule

Motivation

Make it easy to swizzle one specific component used to render MDX elements

Have you read the Contributing Guidelines on pull requests?

yes

Test Plan

preview

[netlify]

✅ [V2]

Name	Link
🔨 Latest commit	3929abc
🔍 Latest deploy log	https://app.netlify.com/sites/docusaurus-2/deploys/623cb19b8fd5eb000843b2b9
😎 Deploy Preview	https://deploy-preview-6989--docusaurus-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 site settings.

[github-actions]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🟠 Performance	61
🟢 Accessibility	100
🟢 Best practices	92
🟢 SEO	100
🟢 PWA	90

Lighthouse ran on https://deploy-preview-6989--docusaurus-2.netlify.app/

[github-actions]

Size Change: -5 B (0%)

Total Size: 805 kB

ℹ️ View Unchanged

Filename	Size	Change
website/.docusaurus/globalData.json	49.9 kB	0 B
website/build/assets/css/styles.********.css	105 kB	-5 B (0%)
website/build/assets/js/main.********.js	612 kB	0 B
website/build/index.html	38.3 kB	0 B

_{compressed-size-action}

[netlify]

✅ [V2]

Name	Link
🔨 Latest commit	cb2993e
🔍 Latest deploy log	https://app.netlify.com/sites/docusaurus-2/deploys/623cb3577caab200086ce1a2
😎 Deploy Preview	https://deploy-preview-6989--docusaurus-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 site settings.