[+] add SQL syntax highlighting to webui InitSQL popup

[mohamadyasser118]

Description

I find it quite difficult to read the InitSQL popup

The improvement is minimal, the type === "sql" branch currently renders a plain <pre> block. I just replace that with SyntaxHighlighter, exactly like we did in SqlPopUp.consts.tsx. The Box wrapper and dialog structure stay completely untouched.

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.
  Drafted with the assistance of Claude.

Checklist

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

[pashagolub]

thanks!

[pashagolub]

LGTM!

[Mazen050]

Hello @mohamadyasser118 , I just have a small question. is there a reason we use the full build here and the light build in the other sql highlighter view? for me it would make sense to make them consistent and use the light build if we don't need the full version to avoid unnecessary bundle size increase. (also since we need to support one language)

[mohamadyasser118]

Hello @mohamadyasser118 , I just have a small question. is there a reason we use the full build here and the light build in the other sql highlighter view? for me it would make sense to make them consistent and use the light build if we don't need the full version to avoid unnecessary bundle size increase. (also since we need to support one language)

Hello Mazen, Actually the bundle impact is minimal in practice, so there is no big difference ..
but this can be a good enhancement if you want to make,