Use YouTubePlaylist plugin to auto-fetch 'talking with...' podcast

[oluwatobiss]

This PR replaces iframes with the YouTubePlaylist plugin for auto-fetching the "Talking with..." podcast.

[!IMPORTANT] The plugin requires a YouTube API key.

<YouTubePlaylist
+  apiKey="PLACE_YOUR_YOUTUBE_API_KEY_HERE"
playlistId="PLPoSdR46FgI73QP50wOE3BYpt49ilzxWn"
uniqueName="talking-with-podcast"
/>

Closes #30

Summary by CodeRabbit

---

New Feature:

• Introduced a new component YouTubePlaylist to render YouTube videos. This component is imported from the @codesweetly/react-youtube-playlist package and replaces the previous block of code for embedding YouTube videos.
• Created a function component TalkingWithPodcast that returns the YouTubePlaylist component with the appropriate props. This component enhances the user experience by providing a playlist of YouTube videos.

These changes will provide users with a more interactive and engaging way to view and navigate through YouTube videos on our platform.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
contentbox	❌ Failed (Inspect)			Aug 28, 2023 0:48am

[coderabbitai[bot]]

Currently reviewing new changes in this PR... This may take a few minutes, please wait.

Commits

Files that changed from the base of the PR and between 21b23db5c8eed07cbeb2422b7c97729c6c2cad45 and 30576292ed2ebc7fa59f95ad1fdf4b37a8e4f9f5 commits.

Files ignored due to filter (2)

* package-lock.json * package.json

Files selected for processing (1)

* docs/podcast/podcast.md (1 hunks)

---

[coderabbitai[bot]]

Walkthrough

The change introduces a new component YouTubePlaylist to replace the previous code block for embedding YouTube videos. This component, imported from @codesweetly/react-youtube-playlist, simplifies the process by taking an API key and playlist ID as props, rendering a playlist of YouTube videos.

Changes

File	Summary
docs/podcast/podcast.md	Replaced the old YouTube video embedding code with a new YouTubePlaylist component. The component is used in a function component called TalkingWithPodcast, which is then rendered in the JSX.

🐇

"In the land of code, where logic intertwines, A rabbit hops along the lines. With each leap, a bug takes flight, Leaving behind code that's light. Now YouTube plays with ease and grace, In its rightful, tidy place. So let's celebrate this day, so bright, For CodeRabbit has set things right!" 🎉🥕

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - Mention `@coderabbitai` in any *review comment* for bot assistance. The bot stays silent unless called upon. - Note: Review comments are made on code diffs or files, not on the PR overview. ### Pause Incremental Reviews - Insert `@coderabbitai: ignore` in the PR description to halt the bot's ongoing reviews. Remove the line to resume.

[FrancescoXX]

not accepting this for now

[FrancescoXX]

not merging this for now as this is not what the list is meant to be. it also breaks the build for dependency issues