Switch to Material UI

[koszti]

Description

This PR replaces HTML and custom CSS with Material UI (MUI) components and theme styling. No functional/behavioral changes, this is a purely visual/layout refactor to make visual consistency of the app with the main Trino preview UI and other projects in the trino ecosystem.

What changed

• Replaced HTML markup and custom CSS styles with MUI components (AppBar, Box, Typography, Table, etc.).
• Centralized styling via the MUI theme for consistent spacing, typography, and colors
• Support dark and light theme
• Drop all custom CSS files

Screenshots

Additional context and related issues

Usage / Embedding
The editor is embeddable into other react projects, e.g.:

<QueryEditor theme="dark" height={800} />

Out of scope::

• Move legacy React patterns to modern hooks and idioms.
• Evaluate/transition to the official trino-js-client for server communication.

[sourcery-ai]

Sorry @koszti, your pull request is larger than the review limit of 150000 diff characters

[koszti]

@mosabua just a heads up - this works and I wanted to park it here as the next potential item to review. Let's make #21 ready first. It’s a large change because I couldn’t reasonably split. After all is now visually consistent with the preview UI by using material UI.

[mosabua]

This is great but I think we need to preserve the current version in a binary release first. Now that the other PR is merged we have to get this rebased anyway .. can you send a PR for a release first though?

[sajjoseph]

@koszti - hope you are still working on it. I look forward to see this feature merged so that we can incorporate into Trino UI. That will be a day to celebrate! Love your work and looking forward to see further enhancements in the UI layers.

[koszti]

@mosabua rebase completed.

can you send a PR for a release first though?

I don't think a PR is required for the release. Creating it on the release page in GitHub should trigger the release action to publish it to npm. Have you tried that?