feat: add Spotify component

src/components/Spotify.tsx

@@ -0,0 +1,25 @@
+import cx from 'classnames';
+
+import type { FunctionalComponent } from 'preact';
+
+interface Props {
+	class?: string;
+	id: string;
+}
+
+export const Spotify: FunctionalComponent<Props> = ({ class: className, id, ...props }) => {
+	const classes = cx('mbe-10 w-full', className);
+
+	return (
+		<iframe
+			allow="accelerometer; autoplay; encrypted-media; fullscreeen; picture-in-picture"
+			class={classes}
+			frameBorder="0"
+			height="352"
+			loading="lazy"
+			src={`https://open.spotify.com/embed/show/${id}?utm_source=generator&theme=0`}
+			width="100%"
+			{...props}
+		></iframe>
+	);
+};

src/components/index.ts

@@ -21,6 +21,7 @@ export * from './OrderedList';
 export * from './PrimeVideoFlag';
 export * from './ProjectIntro';
 export * from './Pullquote';
+export * from './Spotify';
 export * from './Subheadline';
 export * from './Subsubheadline';
 export * from './Tag';

src/content/journal/2023/thomas-sowell.mdx

@@ -99,6 +99,8 @@ You can also find numerous other videos featuring interviews and talks by Thomas
 
 Many people prefer audio formats because they are more accessible than books or articles. They can be listened to while walking, doing laundry, or engaging in sports. Several of Thomas Sowell’s books are available as audiobooks, and there is a fantastic podcast solely dedicated to Sowell called <cite>[The Genius of Thomas Sowell™](http://tomwowell.com).</cite> It was created by [Alan Wolan](https://linktr.ee/alanwolan) ([Twitter](https://twitter.com/AlanWolan)) in 2021 and is really fantastic.
 
+<Spotify id="6q3cniGC7inWOiWeTHKWXl" />
+
 Wolan presents the works and ideas of Thomas Sowell by discussing current and controversial topics. The content includes interviews with interesting guests, quotes from Sowell, opinions, and music. Wolan has created an easily shareable presentation about Thomas Sowell, which can be accessed [here](https://docs.google.com/presentation/d/14pj9PNRbr7k3nQS6Ucp4rvAkaxVMlu3JLtbv5--aSZA/edit#slide=id.geab0bbbe4d_0_1). Additionally, there is a collection of Sowell’s best quotes that can be found [here](https://drive.google.com/drive/folders/1C0AjqgufPkuVU5ZRTqzhtSOMgKp-2JXN). Physical stickers featuring Sowell’s quotes are also available for purchase on [Etsy](http://geniussowell.etsy.com/). I highly recommend listening to all episodes.
 
 ### Essays

src/mdx-components.ts

@@ -29,6 +29,7 @@ import {
 	PrimeVideoFlag,
 	ProjectIntro,
 	Pullquote,
+	Spotify,
 	Subheadline,
 	Subsubheadline,
 	Text,
@@ -74,6 +75,7 @@ export const mapping = {
 	PrimeVideoFlag,
 	ProjectIntro,
 	Pullquote,
+	Spotify,
 	ThemeBox,
 	ul: UnorderedList,
 	Verse,
@@ -104,6 +106,7 @@ export const rssMapping = {
 	PrimeVideoFlag,
 	ProjectIntro,
 	Pullquote,
+	Spotify,
 	ThemeBox,
 	Verse,
 	YouTube,