fix(Image): handle SSR image already complete before inline script runs (#1536)

## Problem

The inline `<script>` rendered after `<img>` in SSR attached a `load`
listener to set the image opacity to `1`. When the image finished
loading before that script was parsed, the listener never fired and the
image stayed at `opacity: 0`, producing flaky snapshot diffs in the SSR
acceptance test.

## Fix

Check `img.complete` first and set `opacity = "1"` synchronously in that
case; fall back to the `load` listener otherwise.

Ref: WEB-2429

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: Marcosld

src/image.tsx

@@ -281,7 +281,14 @@ export const ImageContent = React.forwardRef<HTMLImageElement, ImageProps>(
                     <script
                         // eslint-disable-next-line react/no-danger
                         dangerouslySetInnerHTML={{
-                            __html: `document.getElementById("${imageId}").addEventListener('load', (e) => e.target.style.opacity = "1")`,
+                            __html: `(function () {
+    var img = document.getElementById("${imageId}");
+    if (img.complete) {
+        img.style.opacity = "1";
+    } else {
+        img.addEventListener('load', function (e) { e.target.style.opacity = "1"; });
+    }
+})();`,
                         }}
                     />
                 )}