chore: fix linting errors and ts bugs.

src/spa/pages/Press.tsx

@@ -5,6 +5,7 @@ import MunichSkylineBg from '@/spa/components/ui/munich-skyline-bg';
 import { useIsMobile } from '@/spa/hooks/useIsMobile';
 import { useCmsCollection } from '@/spa/cmsRoute';
 import { docImageUrl } from '@/spa/cmsMediaField';
+import Image from '@/spa/components/ui/UnoptimizedImage'
 
 const NAVY = '#111D55';
 const GOLD = '#EFBF04';
@@ -90,7 +91,7 @@ function NewsCard({ item, idx, isMobile }: { item: typeof news[0]; idx: number;
     >
       {/* image */}
       <div style={{ position: 'relative', overflow: 'hidden', height: 220 }}>
-        <img
+        <Image unoptimized
           src={item.img}
           alt={item.title}
           style={{
@@ -183,6 +184,37 @@ function NewsCard({ item, idx, isMobile }: { item: typeof news[0]; idx: number;
   );
 }
 
+function DarkInput(props: React.InputHTMLAttributes<HTMLInputElement>) {
+  const [f, setF] = React.useState(false);
+  return (
+    <input
+      {...props}
+      onFocus={(e) => {
+        setF(true);
+        props.onFocus?.(e);
+      }}
+      onBlur={(e) => {
+        setF(false);
+        props.onBlur?.(e);
+      }}
+      style={{
+        width: '100%',
+        height: 44,
+        padding: '0 14px',
+        fontFamily: FF,
+        fontSize: 18,
+        color: '#fff',
+        border: `1px solid ${f ? 'rgba(239,191,4,0.8)' : 'rgba(255,255,255,0.12)'}`,
+        background: f ? 'rgba(255,255,255,0.08)' : 'rgba(255,255,255,0.05)',
+        outline: 'none',
+        boxSizing: 'border-box',
+        transition: 'border-color 0.15s, background 0.15s',
+        ...props.style,
+      }}
+    />
+  );
+}
+
 const Press: React.FC = () => {
   const isMobile = useIsMobile();
   const cmsEvents = useCmsCollection('events');
@@ -236,38 +268,6 @@ const Press: React.FC = () => {
     }
   };
 
-  // DarkInput defined inline as required
-  function DarkInput(props: React.InputHTMLAttributes<HTMLInputElement>) {
-    const [f, setF] = React.useState(false);
-    return (
-      <input
-        {...props}
-        onFocus={(e) => {
-          setF(true);
-          props.onFocus?.(e);
-        }}
-        onBlur={(e) => {
-          setF(false);
-          props.onBlur?.(e);
-        }}
-        style={{
-          width: '100%',
-          height: 44,
-          padding: '0 14px',
-          fontFamily: FF,
-          fontSize: 18,
-          color: '#fff',
-          border: `1px solid ${f ? 'rgba(239,191,4,0.8)' : 'rgba(255,255,255,0.12)'}`,
-          background: f ? 'rgba(255,255,255,0.08)' : 'rgba(255,255,255,0.05)',
-          outline: 'none',
-          boxSizing: 'border-box',
-          transition: 'border-color 0.15s, background 0.15s',
-          ...props.style,
-        }}
-      />
-    );
-  }
-
   return (
     <div className="animate-fade-in">
 
@@ -282,7 +282,7 @@ const Press: React.FC = () => {
           background: NAVY,
         }}
       >
-        <img
+        <Image unoptimized
           src="/images/gala-dinner.jpg"
           alt="Presse BMP"
           style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover' }}
@@ -428,7 +428,7 @@ const Press: React.FC = () => {
           >
             {/* Left – image cell */}
             <div style={{ position: 'relative', overflow: 'hidden', height: isMobile ? 200 : 240 }}>
-              <img src={event.img} alt={event.title} style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
+              <Image unoptimized src={event.img} alt={event.title} style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
               <div style={{ position: 'absolute', top: 20, left: 20, padding: '5px 12px', fontFamily: FF, fontSize: 9, fontWeight: 700, textTransform: 'uppercase' as const, letterSpacing: '0.18em', background: event.status === 'Anmeldung offen' ? GOLD : 'rgba(3,9,58,0.85)', color: event.status === 'Anmeldung offen' ? NAVY : 'rgba(255,255,255,0.6)' }}>
                 {event.status}
               </div>