fix(frontend): size text snapshot editor to content (ARG-454) (#2350)

The single text/ARIA snapshot editor sits in a row flex container whose
default `align-items: stretch` stretched the bordered viewer to the full
panel height, leaving a large empty box for short snapshots.

Wrap it in a `w-full self-start` div so it sizes to its content; the outer
panel is already `overflow-y-auto`, so tall snapshots still scroll.

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

Author: gregberge

apps/frontend/src/containers/Build/BuildDiffDetail.tsx

@@ -1508,11 +1508,17 @@ type SnapshotProps = { url: string; contentType: string };
 
 function SuspendedSnapshot(props: SnapshotProps) {
   const [text] = useTextContent([props.url]);
+  // Size the editor to its content instead of stretching to fill the flex row:
+  // `self-start` opts out of the row's default `align-items: stretch` so a short
+  // snapshot (e.g. a one-line ARIA tree) stays short, while the outer panel
+  // (`overflow-y-auto`) scrolls when the content is tall.
   return (
-    <Editor
-      value={text}
-      language={getLanguageFromContentType(props.contentType)}
-    />
+    <div className="w-full self-start">
+      <Editor
+        value={text}
+        language={getLanguageFromContentType(props.contentType)}
+      />
+    </div>
   );
 }