Replace Spotify embeds with branded custom audio player backed by RSS

- Add /api/episode-audio route returning MP3 URLs from Anchor RSS feed
- Replace Spotify URL text inputs in admin with RSS episode dropdowns
- New EpisodeAudioPlayer component with podcast art, show name, progress
  bar, and Spotify icon link — full and compact sizes
- Backward-compatible: legacy Spotify embed URLs still render as iframes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/colossiansStudy.tsx

@@ -5,6 +5,7 @@ import { DEFAULT_COLOSSIANS_STUDY_SECTIONS } from './colossiansStudyData'
 import { usePageMeta } from './hooks/usePageMeta'
 import { Breadcrumbs } from './components/Breadcrumbs'
 import { StudyCertificate } from './components/StudyCertificate'
+import { EpisodeAudioPlayer } from './components/EpisodeAudioPlayer'
 
 type Props = { content: SiteContent }
 
@@ -1686,17 +1687,21 @@ export function ColossiansStudySectionPage({ content }: Props) {
             {lessonAudioEmbedUrl && (
               <article className="study-class-block">
                 <h2>Lesson Audio</h2>
-                <div className="study-audio-embed-wrap">
-                  <iframe
-                    src={lessonAudioEmbedUrl}
-                    title={`${section.title} audio`}
-                    width="100%"
-                    height="152"
-                    frameBorder="0"
-                    allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
-                    loading="lazy"
-                  />
-                </div>
+                {lessonAudioEmbedUrl.includes('spotify.com') ? (
+                  <div className="study-audio-embed-wrap">
+                    <iframe
+                      src={lessonAudioEmbedUrl}
+                      title={`${section.title} audio`}
+                      width="100%"
+                      height="152"
+                      frameBorder="0"
+                      allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
+                      loading="lazy"
+                    />
+                  </div>
+                ) : (
+                  <EpisodeAudioPlayer src={lessonAudioEmbedUrl} title={section.title} size="compact" spotifyUrl={content.platformSpotifyUrl} />
+                )}
               </article>
             )}