refactor(icons): replace lucide social brand icons with custom SVGs

Lucide is deprecating brand icons (Github, Twitter, Linkedin, Instagram)
in upcoming versions. Migrated all 11 SocialIconName mappings to inline
SVGs loaded via import.meta.glob with ?raw query, preserving currentColor
inheritance and keeping the <SocialIcon platform="..." /> API intact.

- Added src/lib/icons/assets/ with 11 normalized SVGs
- Added registry index.ts with extractInner helper for set:html rendering
- Extended IconMappingWithFallback with optional svg?: string field
- Unified website handling in SpeakerCard (removed Globe from lucide)
- Icon.astro now renders raw SVGs inline when mapping.svg is present

Author: francescarpi

src/components/home/SpeakerCard.astro

@@ -1,5 +1,4 @@
 ---
-import { Globe } from '@lucide/astro'
 import type { ISpeaker, ISpeakerLink } from '../../types/speakers'
 import { texts } from '../../i18n/home'
 import { menuTexts } from '../../i18n/menu'
@@ -57,27 +56,15 @@ const linkClasses =
     {
       speaker.links.map((link) => (
         <li>
-          {link.type === 'website' ? (
-            <a
-              href={link.url}
-              target="_blank"
-              rel="noopener noreferrer"
-              aria-label={ariaForLink(link, speaker.name)}
-              class={linkClasses}
-            >
-              <Globe class="w-5 h-5" aria-hidden="true" focusable="false" />
-            </a>
-          ) : (
-            <a
-              href={link.url}
-              target="_blank"
-              rel="noopener noreferrer"
-              aria-label={ariaForLink(link, speaker.name)}
-              class={linkClasses}
-            >
-              <SocialIcon platform={link.type} size="md" aria-hidden="true" />
-            </a>
-          )}
+          <a
+            href={link.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label={ariaForLink(link, speaker.name)}
+            class={linkClasses}
+          >
+            <SocialIcon platform={link.type} size="md" aria-hidden="true" />
+          </a>
         </li>
       ))
     }

src/components/icons/Icon.astro

@@ -17,7 +17,7 @@ const {
 } = Astro.props
 
 // Get the mapped icon or fallback
-const { icon: LucideIconComponent, fallback } = getIconMapping(name)
+const { icon: LucideIconComponent, svg, fallback } = getIconMapping(name)
 
 // Build CSS classes
 const sizeClasses = IconSizes[size]
@@ -29,7 +29,7 @@ const classes = [sizeClasses, colorClasses, className, 'inline-block flex-shrink
 const style = color.startsWith('#') || color.startsWith('rgb') || color.startsWith('hsl') ? { color } : {}
 
 // Log missing mappings in development
-if (!LucideIconComponent && !fallback) {
+if (!LucideIconComponent && !svg && !fallback) {
   try {
     if (typeof window === 'undefined' || (globalThis as any).__DEV__ !== false) {
       console.warn(`[Icon] No mapping found for icon "${name}". Using fallback.`)
@@ -41,7 +41,19 @@ if (!LucideIconComponent && !fallback) {
 ---
 
 {
-  LucideIconComponent ? (
+  svg ? (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      class={classes}
+      style={style}
+      aria-label={ariaHidden ? undefined : ariaLabel}
+      aria-hidden={ariaHidden ? 'true' : undefined}
+      focusable="false"
+      set:html={svg}
+      {...rest}
+    />
+  ) : LucideIconComponent ? (
     <LucideIconComponent
       class={classes}
       style={style}

src/lib/icons/assets/bluesky.svg

@@ -0,0 +1,17 @@
+const rawSvgs = import.meta.glob('./*.svg', {
+  query: '?raw',
+  import: 'default',
+  eager: true,
+}) as Record<string, string>
+
+function extractInner(svg: string): string {
+  const match = svg.match(/<svg[^>]*>([\s\S]*?)<\/svg>/i)
+  return match ? match[1].trim() : svg
+}
+
+export const socialSvgs: Record<string, string> = Object.fromEntries(
+  Object.entries(rawSvgs).map(([path, content]) => [
+    path.replace('./', '').replace('.svg', ''),
+    extractInner(content),
+  ]),
+)