fix(podcast): make embed visible and show thumbnails on author pages

The click-to-load facade relied on Tailwind's `aspect-video` utility,
which does not exist in the theme's Tailwind v2 CDN build — once the
poster image was swapped for the iframe the container collapsed to zero
height. Set the aspect ratio via the CSS `aspect-ratio` property instead.

Also apply the YouTube-thumbnail-with-icon-fallback to the episode cards
on author profile pages, which were always rendering the podcast icon.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: HeyItsGilbert

themes/powershell-community/layouts/_default/single.html

@@ -104,7 +104,8 @@ <h3 class="font-semibold text-gray-900">Listen to this Episode</h3>
         <div class="mb-8">
             <div id="yt-facade" data-id="{{ . }}"
                  role="button" tabindex="0" aria-label="Play video on YouTube"
-                 class="relative aspect-video rounded-xl overflow-hidden cursor-pointer group bg-black">
+                 style="aspect-ratio: 16 / 9;"
+                 class="relative rounded-xl overflow-hidden cursor-pointer group bg-black">
                 <img src="https://img.youtube.com/vi/{{ . }}/maxresdefault.jpg"
                      onerror="this.onerror=null;this.src='https://img.youtube.com/vi/{{ . }}/hqdefault.jpg';"
                      alt="Watch this episode on YouTube" loading="lazy"

themes/powershell-community/layouts/taxonomy/author.html

@@ -69,9 +69,19 @@ <h2 class="text-3xl font-bold text-gray-900">{{ $display }}</h2>
                 <!-- Podcast Episode Layout -->
                 <div class="lg:flex">
                     <div class="lg:w-1/3 p-6 lg:pr-0">
+                        {{ $title := .Title }}
+                        {{ with .Params.youtube }}
+                        <div class="aspect-square rounded-lg overflow-hidden bg-gray-900">
+                            <img src="https://img.youtube.com/vi/{{ . }}/maxresdefault.jpg"
+                                 onerror="this.onerror=null;this.src='https://img.youtube.com/vi/{{ . }}/hqdefault.jpg';"
+                                 alt="{{ $title }}" loading="lazy"
+                                 class="w-full h-full object-cover">
+                        </div>
+                        {{ else }}
                         <div class="aspect-square bg-gradient-to-br from-purple-400 to-purple-600 rounded-lg flex items-center justify-center">
                             <i class="fas fa-podcast text-4xl text-white"></i>
                         </div>
+                        {{ end }}
                     </div>
                     <div class="lg:w-2/3 p-6 lg:pl-8">
                         <div class="flex items-center text-purple-600 text-sm font-medium mb-3">