perf: convert all images to webp, update references

- 77 jpg/png/gif → webp (kept 7 where webp larger)
- public/ assets: 23.3 MB → ~12 MB (~50% smaller)
- 110 image references updated across data files + components
- scripts/convert-to-webp.mjs + scripts/fix-image-refs.mjs added

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/bu-sunaidah/page.tsx

@@ -116,7 +116,7 @@ export default async function BuSunaidahPage() {
                 {BU_SUNAIDAH_REEL == null ? (
                   <div className="bs-reel-placeholder">
                     <Image
-                      src="/images/robots/unitree-g1.png"
+                      src="/images/robots/unitree-g1.webp"
                       alt="Bu Sunaidah persona — reel preview"
                       fill
                       sizes="(max-width: 900px) 100vw, 980px"

src/app/industries/page.tsx

@@ -18,8 +18,8 @@ export const metadata: Metadata = {
 
 const HERO_COLLAGE: { src: string; alt: string }[] = [
   { src: '/industries/cards/hospitality.webp', alt: 'Service robot in a luxury hospitality lobby' },
-  { src: '/industries/cards/security-surveillance.jpg', alt: 'Quadruped robot on security patrol' },
-  { src: '/images/robots/unitree-h1.jpg', alt: 'Humanoid robot engaging with students in a classroom' },
+  { src: '/industries/cards/security-surveillance.webp', alt: 'Quadruped robot on security patrol' },
+  { src: '/images/robots/unitree-h1.webp', alt: 'Humanoid robot engaging with students in a classroom' },
   { src: '/industries/cards/healthcare.webp', alt: 'Delivery robot moving through a hospital corridor' },
 ];