Enhance web UX dev experience

[yhwang]

Description

Use webpack-dev-server to serve the web UI
and proxy the server APIs to a Presto server.
In this case, you can leverage an external Presto
server or use docker to spin up a Presto server and
focus on UX development.

Related to: #21062

Motivation and Context

When working on pure UX changes, No need to build the whole project to run the presto-server.
Instead, you can use docker to run a presto-server to handle the API calls.
This could be used in the verification of UX changes as well.

Impact

N/A

Test Plan

Manually verify the webpack dev server with an external Presto server

Contributor checklist

• Please make sure your submission complies with our development, formatting, commit message, and attribution guidelines.
• PR description addresses the issue accurately and concisely. If the change is non-trivial, a GitHub Issue is referenced.
• Documented new properties (with its default value), SQL syntax, functions, or other functionality.
• If release notes are required, they follow the release notes guidelines.
• Adequate tests were added if applicable.
• CI passed.

Release Notes

Please follow release notes guidelines and fill in the release notes below.

== NO RELEASE NOTE ==

[yhwang]

I used docker to spin up a Presto server listening on port 8888 and use the following command to launch the dev server:

yarn --cwd presto-main/src/main/resources/webapp/src run serve --env=apiPort=8888

The dev server was listening on port 8080 and forwarding the API calls to port 8888.
I issued a simple query against the TPCH catalog:

[tdcmeehan]

@alonsovb can you and your team give this a quick review--thank you!

[alonsovb]

looks good!

[jorgeramirezamora]

LGTM!