[*] improve SQL popup readability, closes #1241

[mohamadyasser118]

Description

This solves the problem that The SQLs popup renders raw SQL strings in plain DataGrid cells with no
formatting, no monospace font, no line breaks, no indentation. Any multi-line query becomes a single unreadable wall of text.

Fixes #1241

Before:

After:

AI & Automation Policy

• I am the human author and take full personal responsibility for every change in this PR.
• No AI or automated generative tool was used in any part of this PR OR I have disclosed all tool(s) below.

AI/automation tools used (leave blank if none):

Drafted with the assistance of Claude Sonnet 4.6.

Checklist

• Code compiles and existing tests pass locally.
• New or updated tests are included where applicable.
• Documentation is updated where applicable.

[0xgouda]

Could you include a video instead of a screenshot? I can't see where the version number appears.

[mohamadyasser118]

Could you include a video instead of a screenshot? I can't see where the version number appears.

Screen.Recording.2026-03-06.065424.mp4

[pashagolub]

Look great! Thanks!

[mohamadyasser118]

Hello @Mohamed-Elfardy,
I saw your PR, and it has very useful features, so as this PR has been merged, I suggest you make the other features, like react-syntax-highlighter or any other things, in a new PR so the SQL strings can be more readable.

[Mohamed-Elfardy]

thanks for your suggestion,
if it's acceptable i will can do it @0xgouda