TextPanel: Fix `CodeEditor` not appearing properly (#111937)

set width=100% on the CodeEditor

public/app/plugins/panel/text/TextPanelEditor.tsx

@@ -1,6 +1,5 @@
 import { css, cx } from '@emotion/css';
 import { useMemo } from 'react';
-import AutoSizer from 'react-virtualized-auto-sizer';
 
 import { GrafanaTheme2, StandardEditorProps } from '@grafana/data';
 import {
@@ -25,26 +24,17 @@ export const TextPanelEditor = ({ value, onChange, context }: StandardEditorProp
 
   return (
     <div className={cx(styles.editorBox)}>
-      <AutoSizer disableHeight>
-        {({ width }) => {
-          if (width === 0) {
-            return null;
-          }
-          return (
       <CodeEditor
         value={value}
         onBlur={onChange}
         onSave={onChange}
         language={language}
-              width={width}
+        width="100%"
         showMiniMap={false}
         showLineNumbers={false}
         height="500px"
         getSuggestions={getSuggestions}
       />
-          );
-        }}
-      </AutoSizer>
     </div>
   );
 };
@@ -52,8 +42,6 @@ export const TextPanelEditor = ({ value, onChange, context }: StandardEditorProp
 const getStyles = (theme: GrafanaTheme2) => ({
   editorBox: css({
     label: 'editorBox',
-    border: `1px solid ${theme.colors.border.medium}`,
-    borderRadius: theme.shape.radius.default,
     margin: theme.spacing(0.5, 0),
     width: '100%',
   }),