chore: added codemirror placeholder

packages/bruno-app/src/components/CodeEditor/StyledWrapper.js

@@ -18,6 +18,11 @@ const StyledWrapper = styled.div`
     flex-direction: column-reverse;
   }
 
+  .CodeMirror-placeholder {
+    color: ${(props) => props.theme.text} !important;
+    opacity: 0.5 !important;
+  }
+
   .CodeMirror-linenumber {
     text-align: left !important;
     padding-left: 3px !important;

packages/bruno-app/src/components/CodeEditor/index.js

@@ -52,6 +52,7 @@ export default class CodeEditor extends React.Component {
 
     const editor = (this.editor = CodeMirror(this._node, {
       value: this.props.value || '',
+      placeholder: '...',
       lineNumbers: true,
       lineWrapping: this.props.enableLineWrapping ?? true,
       tabSize: TAB_SIZE,