fix: copy to Clipboard order

[AAfghahi]

SUMMARY

This fixes this issue: #16149

The reason for this issue occurring is that Javascript orders objects based on integer and integer-like keys first, and then all strings: https://2ality.com/2015/10/property-traversal-order-es6.html

Therefore to prep the data for copyToClipboard, this code goes through and orders the keys based on the column names.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Also fixed the table order, which was previously wrong.
Before:

After:

TESTING INSTRUCTIONS

To test:

1. Create a google sheet/database that has a mix of integers and strings as columns
2. run a query on the database
3. Use the copy to clipboard feature.
4. Go into explore, use the copy to clipboard feature.

Also-

1. Go to charts
2. make sure the different visualization types have the south data pane rendering

ADDITIONAL INFORMATION

• [ x] Has associated issue: [copy to clipboard] Column order sometimes goes wrong #16149
• 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

Merging #16299 (f8f8726) into master (6cd15d5) will decrease coverage by 0.38%.
The diff coverage is 60.20%.

❗ Current head f8f8726 differs from pull request most recent head 078816e. Consider uploading reports for the commit 078816e to get more accurate results

@@            Coverage Diff             @@
##           master   #16299      +/-   ##
==========================================
- Coverage   76.75%   76.37%   -0.39%     
==========================================
  Files         997     1000       +3     
  Lines       53195    53494     +299     
  Branches     6764     6818      +54     
==========================================
+ Hits        40830    40855      +25     
- Misses      12135    12403     +268     
- Partials      230      236       +6     

Flag	Coverage Δ
hive	?
javascript	70.78% <54.78%> (-0.26%)	⬇️
presto	?

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

Impacted Files	Coverage Δ
superset-frontend/src/addSlice/App.tsx	0.00% <ø> (ø)
superset-frontend/src/common/components/index.tsx	100.00% <ø> (ø)
...rontend/src/dashboard/containers/DashboardPage.tsx	0.00% <0.00%> (ø)
...set-frontend/src/explore/actions/exploreActions.ts	36.20% <ø> (ø)
...ntend/src/explore/components/ExploreChartPanel.jsx	15.00% <0.00%> (ø)
...controls/DndColumnSelectControl/DndSelectLabel.tsx	77.27% <ø> (ø)
...ontrols/FilterControl/AdhocFilterControl/index.jsx	57.69% <ø> (ø)
.../FilterControl/AdhocFilterPopoverTrigger/index.tsx	80.76% <ø> (ø)
...ntrols/MetricControl/AdhocMetricPopoverTrigger.tsx	72.30% <ø> (ø)
...mponents/controls/MetricControl/MetricsControl.jsx	42.05% <ø> (ø)
... and 167 more

---

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 6cd15d5...078816e. Read the comment docs.

[hughhhh]

nit: deconstruct all_columns

const { all_columns } = queryFormData

[AAfghahi]

made the changes!

[junlincc]

/testenv up

[github-actions]

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

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.

[jinghua-qa]

added test cases