refactor: remove CodeEditorWrapper, move CodeEditor to Shared/Components, update instances of CodeEditor

Author: RohitRaj011

src/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryDiffView.tsx

@@ -18,7 +18,7 @@ import { useMemo, useState } from 'react'
 import { useParams } from 'react-router-dom'
 import Tippy from '@tippyjs/react'
 
-import { CodeEditor } from '@Shared/Components/CodeEditorWrapper'
+import { CodeEditor } from '@Shared/Components/CodeEditor'
 import { renderDiffViewNoDifferenceState } from '@Shared/Components/DeploymentConfigDiff'
 import { DiffViewer } from '@Shared/Components/DiffViewer'
 
@@ -79,19 +79,12 @@ const DeploymentHistoryDiffView = ({
         ) : (
             <CodeEditor
                 key={codeEditorKey}
+                value={editorValuesRHS}
+                height="auto"
                 disableSearch
                 readOnly
                 noParsing
                 mode={MODES.YAML}
-                codeEditorProps={{
-                    value: editorValuesRHS,
-                    defaultValue: editorValuesLHS,
-                    adjustEditorHeightToContent: true,
-                }}
-                codeMirrorProps={{
-                    value: editorValuesRHS,
-                    height: 'auto',
-                }}
             />
         )
 

src/Shared/Components/CMCS/ConfigMapSecretReadyOnly.tsx

@@ -18,7 +18,7 @@ import { MODES } from '@Common/Constants'
 import { Progressing } from '@Common/Progressing'
 import { hasHashiOrAWS } from '@Pages/index'
 
-import { CodeEditor } from '../CodeEditorWrapper'
+import { CodeEditor } from '../CodeEditor'
 import { renderHashiOrAwsDeprecatedInfo } from './helpers'
 import { ConfigMapSecretReadyOnlyProps } from './types'
 import { getConfigMapSecretReadOnlyValues } from './utils'
@@ -68,19 +68,7 @@ const ConfigMapSecretReadyOnly = ({
             </div>
             {!hideCodeEditor && displayValues.data && (
                 <CodeEditor.Container>
-                    <CodeEditor
-                        mode={MODES.YAML}
-                        readOnly
-                        codeEditorProps={{
-                            value: displayValues.data,
-                            inline: true,
-                            adjustEditorHeightToContent: true,
-                        }}
-                        codeMirrorProps={{
-                            value: displayValues.data,
-                            height: 'auto',
-                        }}
-                    >
+                    <CodeEditor mode={MODES.YAML} readOnly value={displayValues.data} height="auto">
                         <CodeEditor.Header>
                             <div className="flex dc__content-space">
                                 <p className="m-0 fs-13 lh-20 fw-6 cn-9">Data</p>