make error overlay message scrollable (#3861)

Before long messages would just be hidden:

![](https://uploads.linear.app/099ed59a-06c6-472f-9977-4798721bda90/6ea99100-27be-4192-adea-46ff2ed78cc8/860978fd-9ea5-456e-8c5a-48cecacf3e95)

crates/next-core/js/src/overlay/internal/components/Terminal/styles.tsx

@@ -2,19 +2,25 @@ import { noop as css } from "../../helpers/noop-template";
 
 const styles = css`
   .terminal {
+    display: flex;
+    overflow-y: hidden;
+
     border-radius: var(--size-gap-half);
     background-color: var(--color-ansi-bg);
     color: var(--color-ansi-fg);
   }
+
   .terminal::selection,
   .terminal *::selection {
     background-color: var(--color-ansi-selection);
   }
+
   .terminal * {
     color: inherit;
     background-color: transparent;
     font-family: var(--font-mono);
   }
+
   .terminal > * {
     margin: 0;
     padding: calc(var(--size-gap) + var(--size-gap-half))
@@ -24,6 +30,7 @@ const styles = css`
   .terminal pre {
     white-space: pre-wrap;
     word-break: break-word;
+    overflow-y: scroll;
   }
 `;