chore: fix linting errors and ts bugs.

src/spa/pages/MitgliedWerden.tsx

@@ -4,6 +4,7 @@ import { ChevronRight, ArrowLeft, Users, Star, Eye, Heart } from 'lucide-react';
 import MunichSkylineBg from '@/spa/components/ui/munich-skyline-bg';
 import { useIsMobile } from '@/spa/hooks/useIsMobile';
 import MembershipWizard from '@/spa/components/membership/MembershipWizard';
+import Image from '@/spa/components/ui/UnoptimizedImage'
 
 const NAVY = '#111D55';
 const GOLD = '#EFBF04';
@@ -597,7 +598,7 @@ function QuoteCard({
           flex: 1,
         }}
       >
-        "{quote}"
+        „{quote}“
       </p>
       <div style={{ width: 32, height: 1, background: GOLD, marginBottom: 20 }} />
       <div style={{ display: 'flex', alignItems: 'center', gap: 14 }}>
@@ -708,7 +709,7 @@ const MitgliedWerden: React.FC = () => {
         }}
       >
         {/* Background image */}
-        <img
+        <Image unoptimized
           src="/images/mitglied-hero.jpg"
           alt=""
           aria-hidden="true"
@@ -1313,7 +1314,7 @@ const MitgliedWerden: React.FC = () => {
           <div style={{ display: 'flex', flexDirection: 'column', background: 'rgba(0,0,0,0.18)', overflowY: isMobile ? 'visible' : 'auto', minHeight: 0 }}>
             {!isMobile && (
               <div style={{ height: 180, position: 'relative', overflow: 'hidden', flexShrink: 0 }}>
-                <img src="/images/gewinner-gruppenfoto.jpg" alt="BMP Mitglieder" style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center 30%' }} />
+                <Image unoptimized src="/images/gewinner-gruppenfoto.jpg" alt="BMP Mitglieder" style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center 30%' }} />
                 <div style={{ position: 'absolute', inset: 0, background: 'linear-gradient(to bottom, rgba(17,29,85,0.5) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.45) 100%)' }} />
                 <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: 3, background: GOLD }} />
                 <div style={{ position: 'absolute', bottom: 16, left: 40, display: 'flex', alignItems: 'center', gap: 8 }}>