chore: Make View Query Modal draggable and resizable in Dashboard

[geido]

SUMMARY

It enables resizable and draggable properties for the "View query" Modal in Dashboard.

BEFORE

AFTER

a.new.dashboard.mp4

TESTING INSTRUCTIONS

1. Open a Dashboard
2. Click on "View query" from the Chart menu
3. Drag and resize the Modal

ADDITIONAL INFORMATION

• Has associated issue: [Viewquery]Allow View Query Screen to move around #16205
• 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

[geido]

@rosemarie-chiu @jinghua-qa

[codecov]

Codecov Report

Merging #16447 (4a1cb6d) into master (db11c3e) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master   #16447   +/-   ##
=======================================
  Coverage   76.41%   76.41%           
=======================================
  Files        1002     1002           
  Lines       53635    53635           
  Branches     6851     6851           
=======================================
  Hits        40985    40985           
  Misses      12411    12411           
  Partials      239      239           

Flag	Coverage Δ
javascript	70.81% <ø> (ø)

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

Impacted Files	Coverage Δ
...dashboard/components/SliceHeaderControls/index.tsx	75.00% <ø> (ø)

---

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 db11c3e...4a1cb6d. Read the comment docs.

[geido]

/testenv up

[github-actions]

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

[junlincc]

LGTM! thanks for the UX upgrade :) It will be great if the page remains scrollable when the modal is open. we can make incremental improvement as users request.

[geido]

LGTM! thanks for the UX upgrade :) It will be great if the page remains scrollable when the modal is open. we can make incremental improvement as users request.

That's a very nice suggestion @junlincc. I will attempt this change in a separate PR asap

[villebro]

LGTM

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.

[jinghua-qa]

test cases added