New (preview) Web UI scaffolding

[koszti]

Description

================================================
=== This is the re-opened version of the accidentally closed #22695 ===
================================================

This scaffolding PR aims to modernize the web UI for Trino, incorporating up-to-date tools and a contemporary look and feel.

Partially addressing and proposing technical solutions for #22697

Additional context and related issues

Currently, the Trino web UI uses outdated components like React 16, jQuery, and Bootstrap 3. Updating the UI to use more recent tools and frameworks will provide a fresher appearance and improved functionality. For instance, the Trino gateway utilizes Vite with modern dependencies, suggesting that the Trino web UI could benefit from adopting a similar approach for consistency.

Original slack thread: https://trinodb.slack.com/archives/CKCEWGYT0/p1720904086284609

IMPORTANT: This PR does not disrupt the current web app. Instead, it introduces a new web app scaffolding accessible at a new endpoint (/ui/preview), which is visible only in development mode. This approach allows for further development and testing and can switch to the new web app once migrating of all functionalities is completed.

This PR Utilizes the Following Tools and Development Features:

• Using vite.js as the primary frontend tool. Similar to trino-gateway.
• Hot Module Replacement (HMR) for instant and precise updates without reloading the page or losing the application state
• Proxying API requests from the development UI to the Trino development server
• Eliminating the need to rebuild the Java project after packaging, unlike the current web app

What's not included:

• A React component library. We can decide on one later, with options like Semi Design (used in Trino Gateway) or Ant Design, among others.

To Develop the preview webapp locally

Run the PreviewUiQueryRunner class. This will start a minimalistic development server configured with the Preview UI.

Once the dev server is running start the preview webapp in dev mode:

$ cd core/trino-main/src/main/resources/webapp-preview
$ npm install && npm run dev

  VITE v5.3.4  ready in 108 ms

  ➜  Local:   http://localhost:5173/ui/preview
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

To Build and package the preview webapp

Build steps are fully automated using Maven, eliminating the need to commit generated JS files to the git repository as was done with the current web app.

The preview web app is disabled by default and enabled only in the full development server by setting the web-ui.preview.enabled=true property. This ensures that the preview web app is available only to developers and not to production end users. Once all functionalities are migrated from the old web app to the new one, we can swap them, making the new web app the default for end users.

If the preview webapp is enabled then it's running in parallel to the current one and accessible at /ui/preview:

Release notes

(x) This is not user-visible or is docs only, and no release notes are required.
( ) Release notes are required. Please propose a release note for me.
( ) Release notes are required, with the following suggested text:

# Section
* Fix some things. ({issue}`issuenumber`)

[wendigo]

@koszti You've inspired me to actually build the existing UI in a similar way so we don't keep checked in dist directory anymore: #22785.

[koszti]

@mosabua added an initial list of tasks that needs to be completed to the parent issue at #22697 (comment). We can review and can link future PRs to it.

[wendigo]

@koszti can you rebase this PR? Some shared plugins are already added to the poms. This PR should be much smaller

[wendigo]

LGTM % includes vs excludes

[wendigo]

Merged. Thanks @koszti

cc @mosabua

[wendigo]

I've verified that the reproducible builds are not broken