Add admin control for hero podcast art image; v1.1.28

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

src/AdminPage.tsx

@@ -850,6 +850,7 @@ const BRAND_KIT_VERIFICATION = [
 ] as const
 
 const FIELDS: Array<{ key: StringField; label: string; multiline?: boolean; section: MainContentSection }> = [
+  { key: 'podcastArtUrl', label: 'Hero — Podcast Art Image URL', section: 'hero' },
   { key: 'eyebrow', label: 'Hero Eyebrow Text', section: 'hero' },
   { key: 'heroTagline', label: 'Hero Tagline', section: 'hero' },
   { key: 'heroBtnSpotify', label: 'Hero — Spotify Button Label', section: 'hero' },
@@ -3187,6 +3188,8 @@ export default function AdminPage({ content, onSave, onLogout }: Props) {
                   {multiline
                     ? <textarea id={`field-${key}`} value={form[key] as string} onChange={e => handleChange(key, e.target.value)} rows={4} />
                     : <input id={`field-${key}`} type="text" value={form[key] as string} onChange={e => handleChange(key, e.target.value)} />}
+                  {(key.includes('ArtUrl') || key.includes('ImageUrl')) && renderImageAssetSelector(form[key] as string, value => handleChange(key, value), `field-${key}-asset`)}
+                  {(key.includes('ArtUrl') || key.includes('ImageUrl')) && renderImagePreview(form[key] as string, `${label} preview`)}
                 </div>
               ))}