fix: A newly connected database doesn't appear in the databases list if user connected database using the 'plus' button

[diegomedina248]

SUMMARY

The RightMenu currently uses the useQueryParam hook that needs a Provider to wrap it (much like the redux store provider, theme provider, etc).

Currently, we have more that one entry point (App.tsx/js) and they don't have the same structure.
Long term solution is to unify these into a single entry point, or at least, have the same provider structure for commonly used tools.

This PR enables the useQueryParam in said component if the router is available, and otherwise ignores it.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

--

TESTING INSTRUCTIONS

Ensure that, adding a database from the + menu works.
Ensure the explore loads correctly.

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

Merging #20363 (3e906bf) into master (cb2ffa5) will decrease coverage by 0.10%.
The diff coverage is 86.95%.

❗ Current head 3e906bf differs from pull request most recent head 86e5b19. Consider uploading reports for the commit 86e5b19 to get more accurate results

@@            Coverage Diff             @@
##           master   #20363      +/-   ##
==========================================
- Coverage   66.63%   66.53%   -0.11%     
==========================================
  Files        1738     1739       +1     
  Lines       65078    65151      +73     
  Branches     6885     6901      +16     
==========================================
- Hits        43367    43346      -21     
- Misses      19963    20052      +89     
- Partials     1748     1753       +5     

Flag	Coverage Δ
hive	?
javascript	51.73% <86.56%> (+0.05%)	⬆️
presto	?

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

Impacted Files	Coverage Δ
superset-frontend/src/components/Icons/index.tsx	100.00% <ø> (ø)
superset-frontend/src/components/Timer/index.tsx	78.94% <ø> (ø)
.../src/explore/components/ControlPanelsContainer.tsx	79.80% <ø> (ø)
...et-frontend/src/explore/controlPanels/sections.tsx	100.00% <ø> (ø)
...rontend/src/views/CRUD/dashboard/DashboardList.tsx	57.14% <0.00%> (-0.96%)	⬇️
...ontend/src/views/CRUD/data/dataset/DatasetList.tsx	54.60% <0.00%> (-0.71%)	⬇️
superset/reports/commands/alert.py	96.55% <ø> (ø)
superset/connectors/sqla/utils.py	88.63% <62.50%> (-2.62%)	⬇️
...plore/components/controls/VizTypeControl/index.tsx	73.07% <66.66%> (-6.93%)	⬇️
...onents/controls/VizTypeControl/FastVizSwitcher.tsx	89.58% <89.58%> (ø)
... and 22 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 cb2ffa5...86e5b19. Read the comment docs.

[AAfghahi]

This is good! But I think that we should include a test with the plus button to make sure that it is working.

[AAfghahi]

/testenv up

[github-actions]

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

[prosdev0107]

LGTM!

[stephenLYZ]

Can we add some comments here? Others may be curious as to why an additional error wrapper is needed.

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.