fix(sqllab): flaky json explore modal due to over-rendering

[justinpark]

SUMMARY

The queries state contains the status and results of running and completed queries, making it fragile. Since the SouthPane observes the entire queries state, it often causes over-rendering. This means that the current result panel will trigger rendering at each interval of checking pending queries.

This causes the visibility of the JSON modal to be flaky because the modal disappears when it is re-rendered.
This commit reduces the observation of queries properties to resolve the over-rendering issue. (As a result, the completed result panel component will not be disturbed by the status updates of other pending queries.)

In addition, this commit enhances the queriesLastUpdate timestamp by incrementally updating it only when its query result remains unchanged.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

before--overrendering.mov

After:

Issue is gone

after--overrendering.mov

TESTING INSTRUCTIONS

Go to SQL Lab and run a query contains a json blob
Select a table in order to execute a table preview query
Click Results tab before the table preview query ends and then click the JSON column to open the JSON modal
Check the JSON modal persists while the async query status is updating

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• 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

[codecov]

Codecov Report

Attention: 6 lines in your changes are missing coverage. Please review.

Comparison is base (9a13ec6) 69.10% compared to head (bafd85f) 69.13%.
Report is 17 commits behind head on master.

Files	Patch %	Lines
...ontend/src/SqlLab/components/SouthPane/Results.tsx	71.42%	1 Missing and 3 partials ⚠️
...ntend/src/SqlLab/components/QueryHistory/index.tsx	66.66%	1 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #26156      +/-   ##
==========================================
+ Coverage   69.10%   69.13%   +0.03%     
==========================================
  Files        1940     1942       +2     
  Lines       75869    75886      +17     
  Branches     8445     8452       +7     
==========================================
+ Hits        52427    52462      +35     
+ Misses      21267    21250      -17     
+ Partials     2175     2174       -1     

Flag	Coverage Δ
javascript	56.34% <85.36%> (+0.06%)	⬆️

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[michael-s-molina]

LGTM