fix(ui): use correct monaco editor config for correct behavior

Signed-off-by: linghaoSu <[email protected]>

Author: linghaoSu

ui/src/app/shared/components/monaco-editor.tsx

@@ -73,7 +73,7 @@ const MonacoEditorLazy = React.lazy(() =>
                                         ...props.editor.options,
                                         scrollBeyondLastLine: props.vScrollBar,
                                         scrollbar: {
-                                            handleMouseWheel: false,
+                                            alwaysConsumeMouseWheel: false,
                                             vertical: props.vScrollBar ? 'visible' : 'hidden'
                                         }
                                     });
@@ -107,8 +107,8 @@ const MonacoEditorLazy = React.lazy(() =>
     })
 );
 
-export const MonacoEditor = (props: MonacoProps) => (
+export const MonacoEditor = React.memo((props: MonacoProps) => (
     <React.Suspense fallback={<div>Loading...</div>}>
         <MonacoEditorLazy {...props} />
     </React.Suspense>
-);
+));