Enhance UI Layout of Code Editor and Output Section

## Description:

In the Custom Code Editor interface, the section highlighted in red (containing the code editor and the output area) can be further enhanced for a more modern, balanced, and user-friendly layout. Currently, the sections appear visually separated with noticeable empty space and lack of visual cohesion between the code editor, the "Run JavaScript" button, and the output console.

## Areas for Enhancement:

1. Code Editor Section:

- Add subtle shadows or rounded corners to make the editor area look cleaner and more defined.

2. Output Section:

- Style the output box similar to the editor (consistent background, padding, rounded corners).
- Add a "Console Output" heading or icon to distinguish it clearly.

## Expected Outcome:

A cleaner, more cohesive design where the editor and output feel part of the same interface, improving readability and usability for users writing and testing code.

## Screenshot (for reference):

## Suggested Fix:

- Update CSS structure for .editor-container and .output-container.
- Use Flexbox or Grid layout for better alignment and responsiveness.
- Apply consistent border radius, padding, and shadow effects for uniform design.