🐛 Bug Report: Code Display Overflow and Formatting Issue

[shelar1423]

📜 Description

The code display section does not handle code formatting properly, causing the code to overflow horizontally and extending beyond its intended bounds.

👟 Reproduction steps

1. Insert or paste code into the code display section/query bar(mostly the code with many indentations and spaces).
2. Observe the rendering of the code.

👍 Expected behavior

The code should be properly formatted within the container, with line breaks and proper indentation to ensure readability. The code display section should handle overflow correctly, either by wrapping the code within the container or providing a scrollable view.

👎 Actual Behavior with Screenshots

💻 Operating system

Windows

What browsers are you seeing the problem on?

Chrome

🤖 What development environment are you experiencing this bug on?

Docker

🔒 Did you set the correct environment variables in the right path? List the environment variable names (not values please!)

No response

📃 Provide any additional context for the Bug.

No response

📖 Relevant log output

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find similar issue

🔗 Are you willing to submit PR?

None

🧑‍⚖️ Code of Conduct

• I agree to follow this project's Code of Conduct

[blackviking27]

Working on this. please assign me the issue in the meantime

[shelar1423]

Working on this. please assign me the issue in the meantime

Assigned it to you!

[moink7]

Hi, im working on this issue, please assign me!