feat: add Figure component

src/mdx-components.ts

@@ -1,7 +1,9 @@
 import DownloadLink from './components/DownloadLink.astro';
 import EmailLink from './components/EmailLink.astro';
+import Image from './components/Image.astro';
 import MarkdownImage from './components/MarkdownImage.astro';
 import MoreLink from './components/MoreLink.astro';
+import Picture from './components/Picture.astro';
 import ThemeBox from './components/ThemeBox.astro';
 
 import {
@@ -15,6 +17,7 @@ import {
 	ColorSwatch,
 	DisplayBox,
 	Divider,
+	Figure,
 	Flag,
 	Headline,
 	ListItem,
@@ -39,8 +42,8 @@ export const mapping = {
 	AffiliateLink,
 	AmazonBook,
 	Banner,
-	blockquote: Blockquote,
 	Blockquote,
+	blockquote: Blockquote,
 	Book,
 	Bookshelf,
 	ColorStack,
@@ -48,6 +51,7 @@ export const mapping = {
 	DisplayBox,
 	DownloadLink,
 	EmailLink,
+	Figure,
 	Flag,
 	h1: Title,
 	h2: Headline,
@@ -56,13 +60,16 @@ export const mapping = {
 	h5: Subsubheadline,
 	h6: Subsubheadline,
 	hr: Divider,
+	Image,
 	img: MarkdownImage,
 	li: ListItem,
+	MarkdownImage,
 	MoreLink,
 	NetflixFlag,
 	OdyseeVideo,
 	ol: OrderedList,
 	p: Text,
+	Picture,
 	PrimeVideoFlag,
 	ProjectIntro,
 	Pullquote,