Fix scrolling over code examples

website/src/components/CodeExample.module.css

@@ -11,10 +11,5 @@
     overflow: hidden;
     border: 1px solid #2d2d2d;
     /* Prevent scroll capture */
-    pointer-events: none;
-}
-
-/* Re-enable pointer events only for the Monaco Editor */
-.editorContainer :global(.monaco-editor) {
-    pointer-events: auto;
+    /* pointer-events: none; */
 }

website/src/components/CodeExample.tsx

@@ -6,12 +6,13 @@ import styles from './CodeExample.module.css';
 type CodeExampleProps = {
     code: string;
     height?: string | number;
+    noScroll?: boolean;
 }
 
-export default function CodeExample({ code, height = "100%" }: CodeExampleProps) {
+export default function CodeExample({ code, height = "100%", noScroll = false }: CodeExampleProps) {
     return (
         <div className={styles.editorWrapper}>
-            <div className={styles.editorContainer}>
+            <div className={styles.editorContainer} style={{ pointerEvents: noScroll ? 'none' : 'auto' }}>
                 <Editor
                     height={height}
                     defaultLanguage="typescript"