perf(images): permanently bust cache with -v2 filenames for 16KB hero image

app/[locale]/page.tsx

@@ -132,10 +132,10 @@ export default async function Home(props: { params: Promise<{ locale: string }>
   }
   
   setRequestLocale(locale);
-  preload('/assets/videos/web/hero-kabelpflug-poster.webp?v=2', { 
+  preload('/assets/videos/web/hero-kabelpflug-poster-v2.webp', { 
     as: 'image', 
     fetchPriority: 'high',
-    imageSrcSet: '/assets/videos/web/hero-kabelpflug-poster-mobile.webp?v=2 800w, /assets/videos/web/hero-kabelpflug-poster.webp?v=2 1920w',
+    imageSrcSet: '/assets/videos/web/hero-kabelpflug-poster-mobile-v2.webp 800w, /assets/videos/web/hero-kabelpflug-poster-v2.webp 1920w',
     imageSizes: '100vw'
   });
 

components/blocks/HeroVideo.tsx

@@ -34,7 +34,7 @@ export function HeroVideo(props: HeroVideoProps) {
 
   let defaultPoster = "/assets/photos/DJI_0048.JPG";
   if (videoUrl && videoUrl.endsWith('.mp4')) {
-    defaultPoster = videoUrl.replace('.mp4', '-poster.webp?v=2');
+    defaultPoster = videoUrl.replace('.mp4', '-poster-v2.webp');
   }
 
   const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
@@ -56,8 +56,8 @@ export function HeroVideo(props: HeroVideoProps) {
       <img
         key={`img-${pathname}-${posterSrc}`}
         src={posterSrc}
-        srcSet={posterSrc.includes('-poster.webp') ? `${posterSrc.replace('-poster.webp', '-poster-mobile.webp')} 800w, ${posterSrc} 1920w` : undefined}
+        srcSet={posterSrc.includes('-poster-v2.webp') ? `${posterSrc.replace('-poster-v2.webp', '-poster-mobile-v2.webp')} 800w, ${posterSrc} 1920w` : undefined}
-        sizes={posterSrc.includes('-poster.webp') ? "100vw" : undefined}
+        sizes={posterSrc.includes('-poster-v2.webp') ? "100vw" : undefined}
         alt={posterAlt}
         className="absolute inset-0 w-full h-full object-cover z-[1] pointer-events-none"
         decoding="async"