Agregar sección de oradores plenarios en la home

[francescarpi]

Resumen

Nueva sección en la página de inicio que muestra los oradores plenarios como tarjetas en un grid responsive. Se ubica entre SectionMain y SectionEarlyBird, justo antes de la sección de entradas.

Cambios

Nuevos archivos

• src/types/speakers.ts — tipos ISpeaker, ISpeakerLink, TSpeakerLinkType (link types: github, linkedin, instagram, website)
• src/components/home/SectionSpeakers.astro — carga los MD, ordena por order ascendente y renderiza el grid (no se muestra si no hay oradores)
• src/components/home/SpeakerCard.astro — tarjeta por orador: foto circular, nombre como <h3>, iconos de redes sociales + icono de globo para web, descripción multilínea con whitespace-pre-line
• src/data/speakers/ada-lovelace.md.template — plantilla lista para clonar y rellenar con oradores reales
• public/speakers/ada-lovelace.webp — foto de ejemplo para la plantilla

Archivos modificados

• src/components/index.astro — importa y renderiza <SectionSpeakers> en la posición acordada
• src/i18n/home.ts — agrega 7 claves speakers.* × 3 locales (es, en, ca)

Cómo añadir un orador

1. Subir la foto a public/speakers/<slug>.<ext>
2. Crear src/data/speakers/<slug>.md siguiendo la estructura de ada-lovelace.md.template
3. Definir order (ascendente) y al menos un link
4. La descripción acepta texto plano multilínea

Accesibilidad

• Un solo <h1> por página, jerarquía <h2> (sección) → <h3> (card) respetada
• Cada link externo con target="_blank" lleva rel="noopener noreferrer" y aria-label con la traducción de "se abre en nueva pestaña" desde menuTexts
• Imágenes con alt descriptivo dinámico
• Iconos decorativos con aria-hidden="true"
• Foco visible en todos los elementos interactivos (focus-visible:outline)

Notas

• La sección no se renderiza si no hay ningún archivo .md en src/data/speakers/ (la extensión .template se ignora a propósito para que sirva solo como guía)
• No se agregaron dependencias nuevas — la descripción es texto plano renderizado con whitespace-pre-line
• Prettier formatea correctamente sin warnings

Capturas

Closes #191

[ctrl-alt-d]

Bona feina amb els aria-label dels enllaços. Tinc algunes propostes de millora per a accessibilitat, especialment per a usuaris de lector de pantalla a les llistes (*1), per exemple a la llista de xarxes socials dels speackers:

1. Eliminar role="list" del <ul>. Els elements <ul> ja exposen semàntica de llista de manera nativa, així que aquest atribut és redundant.

2. Afegir un nom accessible a la llista per proporcionar context als usuaris de lector de pantalla:

<ul aria-label="Enllaços socials d'Ada Lovelace">

3. Els SVG estan marcats amb aria-hidden="true", però alguns també tenen aria-label. Aquests atributs són contradictoris: si la icona és decorativa i l'enllaç ja té un nom accessible, l'aria-label de l'SVG es pot eliminar.

4. Afegir focusable="false" als SVG per evitar que rebin focus en alguns navegadors i tecnologies d'assistència:

<svg aria-hidden="true" focusable="false">