refactor: replace youtube iframes with component

refs #2951

src/content/blog/2014-10-30-agrc-edg-presentation.mdx

@@ -0,0 +1,25 @@
+---
+title: Using UGRC's Geocoding and Map-based Web Services
+author: Steve Gourley
+date: 2014-10-30 11:44:52 -0600
+category: API
+tags: []
+cover_image: /src/images/pillar-blog/default-social-card.png
+cover_image_alt: ugrc social card
+---
+
+import { YouTube } from '@astro-community/astro-embed-youtube';
+
+The Department of Technology Services hosts a monthly scheduled Enterprise Developer Group (EDG) brown bag presentation series. The previous session recordings can be found on the [DTS YouTube](https://www.youtube.com/channel/UCUuw5SFmgapGToUfRd5xGVw") channel.
+
+Steve Gourley from UGRC participated in the EDG last month and presented on UGRC's GIS/map technology-based web service offerings -- [Unlock your API key. Making UGRC data available through http](https://agrc.github.io/Presentations/UGIC/2014/webapi/#0) -- contains the slides for the presentation.
+
+<div class="mx-auto w-full max-w-4xl">
+  <YouTube
+    class="aspect-video max-w-full rounded-lg border-2 border-black shadow-xl"
+    id="BHhQxxXy6bo"
+    playlabel="Hear Steve explain the UGRC API"
+  />
+</div>
+
+Give the video a watch if you are interested in finding out more about UGRC web services or picking up some new information from the developer of the API. Hope to see you at the next EDG brown bag!

src/content/blog/2023-07-05-introducing-palletjack.mdx

@@ -9,6 +9,7 @@ cover_image: /src/images/pillar-blog/2023-07-05-introducing-palletjack/palletjac
 cover_image_alt: palletjack does lots of the repetitive work for you
 ---
 
+import { YouTube } from '@astro-community/astro-embed-youtube';
 import Contacts from '@components/page/Contacts.astro';
 
 _From the I Love Being Lazy department_
@@ -31,14 +32,13 @@ Because the ArcGIS API for Python (the library that hooks us into hosted feature
 
 Don't want to read? Watch the recording of the palletjack presentation at UGIC's 2023 conference instead!
 
-<iframe
-  class="mx-auto aspect-video w-full max-w-4xl rounded-lg border-2 border-black shadow-xl"
-  src="https://www.youtube.com/embed/iDXmzKIV1mg?si=hDFs45obVOao2Blj"
-  title="YouTube video player"
-  frameborder="0"
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-  allowfullscreen
-></iframe>
+<div class="mx-auto w-full max-w-4xl">
+  <YouTube
+    class="aspect-video max-w-full rounded-lg border-2 border-black shadow-xl"
+    id="iDXmzKIV1mg"
+    playlabel="Jake introduces palletjack at UGIC 2023"
+  />
+</div>
 
 ## Step One: Extract Data from External Sources