fix: use generated speaker avatar in keynote section

Author: Link1515

src/components/speaker/Speakers.astro

@@ -4,6 +4,7 @@ import { getLocaleFromPath, useI18n } from '~/i18n/utils'
 import schedule from '~/data/schedule.json'
 import { getSpeakerProfile } from '~/utils/build/speaker'
 import SpeakerGridCard from './SpeakerGridCard.astro'
+import { getAvatar } from '~/utils/build/speaker'
 
 const { t } = useI18n(Astro.url.pathname)
 const locale = getLocaleFromPath(Astro.url.pathname)
@@ -39,7 +40,7 @@ const speakersForGrid = schedule.speakers.filter(s => String(s.id ?? '').trim()
             return (
               <div class="mb-12">
                 <div class="flex flex-col items-center gap-12 md:flex-row md:items-start">
-                  <img class="h-auto w-full max-w-56 shrink-0 rounded-full md:max-w-48" src={speaker.avatar} alt={name} />
+                  <img class="h-auto w-full max-w-56 shrink-0 rounded-full md:max-w-48" src={getAvatar(speaker)} alt={name} />
                   <div>
                     <h5 class="mb-6">{name}</h5>
                     {bio && <p class="whitespace-pre-line">{bio}</p>}