Add monaco default style options (#107930)

* Add monaco default style options

* Update snapshot

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

src/plugins/kibana_react/public/code_editor/__snapshots__/code_editor.test.tsx.snap

@@ -11,6 +11,9 @@ exports[`is rendered 1`] = `
     onChange={[Function]}
     options={
       Object {
+        "fontFamily": "Roboto Mono",
+        "fontSize": 12,
+        "lineHeight": 21,
         "matchBrackets": "never",
         "minimap": Object {
           "enabled": false,

src/plugins/kibana_react/public/code_editor/code_editor.tsx

@@ -193,6 +193,9 @@ export class CodeEditor extends React.Component<Props, {}> {
             wordWrap: 'on',
             wrappingIndent: 'indent',
             matchBrackets: 'never',
+            fontFamily: 'Roboto Mono',
+            fontSize: 12,
+            lineHeight: 21,
             ...options,
           }}
         />

x-pack/plugins/canvas/public/components/expression_input/expression_input.tsx

@@ -318,7 +318,7 @@ export class ExpressionInput extends React.Component<Props> {
                 provideHover: this.providerHover,
               }}
               options={{
-                fontSize: isCompact ? 12 : 16,
+                fontSize: isCompact ? 12 : 14,
                 scrollBeyondLastLine: false,
                 quickSuggestions: true,
                 minimap: {