chore: finalize production E2E infrastructure and resolve localization inconsistencies

Former-commit-id: 5e0e76c9384ff9683a8ed4044637f85aa6aa2d78

components/PayloadRichText.tsx

@@ -60,6 +60,7 @@ const jsxConverters: JSXConverters = {
           src={node.value.url}
           alt={node.value.alt || ''}
           fill
+          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
           className="object-cover transition-transform duration-700 group-hover:scale-105"
         />
       </div>

components/blocks/TeamGrid.tsx

@@ -52,6 +52,7 @@ export function TeamGrid({ members }: TeamGridProps) {
                       src={member.image.url}
                       alt={member.name}
                       fill
+                      sizes="96px"
                       className="object-cover"
                     />
                   ) : (

components/blog/AnimatedImage.tsx

@@ -61,6 +61,7 @@ export default function AnimatedImage({
         alt={alt}
         width={width}
         height={height}
+        sizes="(max-width: 1200px) 100vw, 800px"
         className={`
           duration-[1.5s] ease-out w-full h-auto transition-all
           ${isLoaded && isInView ? 'scale-100 blur-0 opacity-100' : 'scale-110 blur-2xl opacity-0'}