refactor(CodeEditor): improve formatting and styling for better readability

- Consolidated button attributes and Codemirror properties into single lines for enhanced clarity.
- Updated styles in the CodeEditor component, adding a border for better visual separation and removing unnecessary border-radius.
- Improved overall code organization and maintainability in the CodeEditor component.

src/components/CodeEditor.vue

@@ -196,7 +196,6 @@ defineExpose({
 <style lang="scss" scoped>
 .code-editor {
   width: 100%;
-  border-radius: 4px;
   overflow: hidden;
 }
 
@@ -206,6 +205,7 @@ defineExpose({
   display: flex;
   flex-direction: column;
   background-color: #fff;
+  border: 1px solid #dcdfe6;
 }
 
 .editor-header {
@@ -216,9 +216,10 @@ defineExpose({
   height: 32px;
   padding: 0 8px;
   background-color: #f5f7fa;
-  border: 1px solid #dcdfe6;
-  border-bottom: none;
-  border-radius: 4px 4px 0 0;
+
+  border-bottom: 1px solid #dcdfe6;
+  // border-bottom: none;
+  // border-radius: 4px 4px 0 0;
 
   .file-type {
     display: flex;