Package all resources into query_view_spa.html

[unidevel]

Description

After the pages optimized with chunk spliting, the query_viewer_spa.html will use split chunks instead of packing all resources as SPA page.

Motivation and Context

The pages under dev folder should not use split chunks, so that they can be easily adopted by other system.

The fix will introduce 2 set of configurations (mainConfig and spaConfig) to make both SPA and non SPA pages working as expected.

Impact

UI pages/build, especially the pages under '/dev/' folder

Test Plan

Build & test UI in dev/prod env

Contributor checklist

• Please make sure your submission complies with our contributing guide, in particular code style and commit standards.
• 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

== NO RELEASE NOTE ==

[unidevel]

After build page, there are warnings about dev/query_viewer.js which is as expected, since we need the SPA pages under dev folder(can not be splitted).

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  dev/query_viewer.js (674 KiB)
  vendor/vis-timeline/vis-timeline-graph2d.js (569 KiB)
  vendor/vis-timeline/vis-timeline-graph2d.min.js (565 KiB)
  vendor/vis-timeline/vis-timeline-graph2d.min.js.map (2.12 MiB)
  vendor/vis/dist/vis.js (433 KiB)
  vendor/vis/dist/vis.map (574 KiB)
  vendor/vis/dist/vis.min.js (434 KiB)
  dev/query_viewer_spa.html (825 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  query_viewer (674 KiB)
      dev/query_viewer.js

Related fix => #24374

[yhwang]

LGTM
Thanks for the fix.

For the query_viewer.js, it is also used by the /dev/index.html in a normal cluster setup. However, we can have it with the warning at this moment.

[ethanyzhang]

@unidevel @yhwang we ready to merge this?
Li can you merge?

[yhwang]

@ethanyzhang we plan to land the ui-forwardfit PR first to avoid rebase on that one.

[unidevel]

@yhwang I resolved the conflicts, fix some style issues in SPA page, can you help to review, thanks.