fix(CodeEditor) resizeObserver resize loop

[Dominik-Petrik]

What: Closes #10087

Fix is simple enough, but I struggled to reliably reproduce the bug. Please try to reproduce it and validate the fix.

How do you reproduce the problem?

• Run react application in webpack with dev error overlay enabled.

• Render:

import React from 'react';
import { CodeEditor, Language } from '@patternfly/react-code-editor';
import { editor } from 'monaco-editor/esm/vs/editor/editor.api';

export const ValuesCodeEditor = ({ code }: { code: string }) => {
  const onEditorDidMount = (editor: editor.IStandaloneCodeEditor) => {
    editor.layout();
    editor.focus();
  };

  return (
    <CodeEditor
      isLineNumbersVisible={false}
      isReadOnly
      code={code}
      language={Language.json}
      onEditorDidMount={onEditorDidMount}
      height="400px"
    />
  );
};

• Reduce your browser's zoom level to 90%.

• Observe the errors thrown.

[tlabaj]

Can you please try to rebase your PR. Katie fixed the build issue.

[patternfly-build]

Preview: https://patternfly-react-pr-10644.surge.sh

A11y report: https://patternfly-react-pr-10644-a11y.surge.sh

[patternfly-build]

Your changes have been released in:

• @patternfly/react-code-editor@5.4.0-prerelease.24
• @patternfly/react-core@5.4.0-prerelease.22
• @patternfly/react-docs@6.4.0-prerelease.34
• @patternfly/react-drag-drop@5.4.0-prerelease.23
• demo-app-ts@5.1.1-prerelease.130
• @patternfly/react-table@5.4.0-prerelease.24
• @patternfly/react-templates@1.1.0-prerelease.23

Thanks for your contribution! 🎉