chore: fix linting errors and ts bugs.

src/spa/pages/Preistraeger.tsx

@@ -5,6 +5,7 @@ import { WINNERS, CATEGORIES, YEARS } from '@/spa/data/winners';
 import { useCmsCollection } from '@/spa/cmsRoute';
 import { docImageUrl } from '@/spa/cmsMediaField';
 import { useIsMobile } from '@/spa/hooks/useIsMobile';
+import Image from '@/spa/components/ui/UnoptimizedImage'
 
 const FF = '"IBM Plex Sans", sans-serif';
 const NAVY = '#111D55';
@@ -62,7 +63,7 @@ export default function Preistraeger() {
     <div style={{ background: '#fff', minHeight: '100vh' }}>
       {/* Hero */}
       <div style={{ width: '100%', height: '50vh', overflow: 'hidden', position: 'relative' }}>
-        <img
+        <Image unoptimized
           src="https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&q=80&w=2000"
           alt="Preisverleihung"
           style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}
@@ -250,7 +251,7 @@ function WinnerCard({ winner }: { winner: import('@/spa/data/winners').Winner })
       onMouseEnter={() => setHovered(true)}
       onMouseLeave={() => setHovered(false)}
     >
-      <img
+      <Image unoptimized
         src={winner.img}
         alt={winner.name}
         style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block', transition: 'transform 0.5s ease', transform: hovered ? 'scale(1.06)' : 'scale(1)' }}