Revert "feat: add support for width in CodeEditor"

This reverts commit 5599bd7.

Author: Elessar1802

src/Common/CodeEditor/CodeEditor.tsx

@@ -75,7 +75,6 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
         tabSize = 2,
         lineDecorationsWidth = 0,
         height = 450,
-        width = '100%',
         inline = false,
         shebang = '',
         onChange,
@@ -99,7 +98,7 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
 
         const editorRef = useRef(null)
         const monacoRef = useRef(null)
-        const { width: windowWidth, height: windowHeight } = useWindowSize()
+        const { width, height: windowHeight } = useWindowSize()
         const memoisedReducer = React.useCallback(CodeEditorReducer, [])
         const [state, dispatch] = useReducer(memoisedReducer, initialState({mode, theme, value, diffView, noParsing}))
         const [, json, yamlCode, error] = useJsonYaml(state.code, tabSize, state.mode, !state.noParsing)
@@ -192,7 +191,7 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
                 return
             }
             editorRef.current.layout()
-        }, [windowWidth, windowHeight])
+        }, [width, windowHeight])
 
         useEffect(() => {
             if (onChange) {
@@ -268,7 +267,7 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
         }
 
         return (
-            <CodeEditorContext.Provider value={{ dispatch, state, handleLanguageChange, error, defaultValue, height, width }}>
+            <CodeEditorContext.Provider value={{ dispatch, state, handleLanguageChange, error, defaultValue, height }}>
                 {children}
                 {loading ? (
                     <CodeEditorPlaceholder customLoader={customLoader} />
@@ -287,7 +286,7 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
                                 theme={state.theme.toLowerCase().split(' ').join('-')}
                                 editorDidMount={editorDidMount}
                                 height={height}
-                                width={width}
+                                width="100%"
                             />
                         ) : (
                             <MonacoEditor
@@ -298,7 +297,7 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
                                 onChange={handleOnChange}
                                 editorDidMount={editorDidMount}
                                 height={height}
-                                width={width}
+                                width="100%"
                             />
                         )}
                     </>

src/Common/CodeEditor/types.ts

@@ -37,7 +37,6 @@ export interface CodeEditorInterface {
     noParsing?: boolean
     inline?: boolean
     height?: number | string
-    width?: number | string
     shebang?: string | JSX.Element
     diffView?: boolean
     loading?: boolean