fix(explore): show multi queries results in View query modal and data pane

[kgabryje]

SUMMARY

Before, when user used a chart that sends multiple queries (such as Mixed Time Series chart), View query modal and data pane were showing results of only the first query. This PR fixes that behaviour.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before: see #15344
After:

TESTING INSTRUCTIONS

1. Open Mixed Time Series chart and run queries
2. Verify that data pane shows results of metrics from both queries
3. Verify that View query modal shows both queries
4. Switch to a chart that sends only 1 query (e.g. Line chart)
5. Verify that everything works as before

ADDITIONAL INFORMATION

• Has associated issue: fixes [chart][mixed time series chart] Mixed time series chart only show data from query A in data panel and view query  #15344
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

CC @junlincc @jinghua-qa

[junlincc]

/testenv up

[github-actions]

@junlincc Ephemeral environment spinning up at http://35.167.164.115:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[junlincc]

Product sign-off LGTM, thanks for the fix!!

[codecov]

Codecov Report

Merging #15840 (6149a87) into master (9c854ff) will decrease coverage by 0.01%.
The diff coverage is 23.52%.

❗ Current head 6149a87 differs from pull request most recent head 658dd13. Consider uploading reports for the commit 658dd13 to get more accurate results

@@            Coverage Diff             @@
##           master   #15840      +/-   ##
==========================================
- Coverage   77.09%   77.08%   -0.02%     
==========================================
  Files         984      984              
  Lines       51782    51787       +5     
  Branches     7028     7031       +3     
==========================================
- Hits        39920    39918       -2     
- Misses      11637    11644       +7     
  Partials      225      225              

Flag	Coverage Δ
javascript	71.73% <23.52%> (-0.03%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...nd/src/explore/components/DataTablesPane/index.tsx	78.12% <11.11%> (-6.15%)	⬇️
...src/explore/components/controls/ViewQueryModal.tsx	76.00% <37.50%> (-0.93%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 9c854ff...658dd13. Read the comment docs.

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.