style: Move security/manage navigation tabs into a settings dropdown

[riahk]

SUMMARY

• Adds settings dropdown in top-right corner
• Move Security/Manage menu options into settings dropdown
• Move 'Import Dashboard(s)' to a button next to Bulk Select on Dashboards page

Note: This update is currently waiting on Superset to use the React navbar exclusively (which is not currently the case). See PR #10401 for the required change this depends on.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before (Also applies to FAB pages):

After:

TEST PLAN

• Added settings dropdown check to Menu_spec.jsx

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API

[mistercrunch]

Is this abandoned? :(

[willbarrett]

@riahk this needs another commit to re-trigger CI since the required checks have changed.

[nytai]

This is currently blocked by the pr that switches to using the react menu exclusively: #10401

That PR is blocked by my limited understanding of how the public role works (or doesn't work) in superset.

[riahk]

@mistercrunch I very much plan on getting this merged in! As Tai mentioned, we're waiting until superset is only using the react menu. I'll update the description to make this clearer and link the related PR 👍

[mistercrunch]

#10401 has been merged, please rebase!

Also note that #10423 just got merged and may create conflicts with this. Let us know if you need help untangling some of this.

[codecov-commenter]

Codecov Report

Merging #10439 into master will decrease coverage by 4.22%.
The diff coverage is 37.25%.

@@            Coverage Diff             @@
##           master   #10439      +/-   ##
==========================================
- Coverage   64.43%   60.21%   -4.23%     
==========================================
  Files         785      785              
  Lines       36987    37030      +43     
  Branches     3530     3544      +14     
==========================================
- Hits        23833    22296    -1537     
- Misses      13045    14547    +1502     
- Partials      109      187      +78     

Flag	Coverage Δ
#cypress	?
#javascript	60.85% <37.25%> (-0.07%)	⬇️
#python	59.82% <ø> (+0.01%)	⬆️

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

Impacted Files	Coverage Δ
...perset-frontend/src/components/Menu/MenuObject.tsx	86.66% <ø> (ø)
superset-frontend/src/views/App.tsx	0.00% <0.00%> (ø)
...rontend/src/views/CRUD/dashboard/DashboardList.tsx	73.68% <50.00%> (-0.32%)	⬇️
superset-frontend/src/components/Menu/Menu.tsx	91.83% <90.00%> (-1.50%)	⬇️
superset-frontend/src/SqlLab/App.jsx	0.00% <0.00%> (-100.00%)	⬇️
superset-frontend/src/explore/App.jsx	0.00% <0.00%> (-100.00%)	⬇️
superset-frontend/src/dashboard/App.jsx	0.00% <0.00%> (-100.00%)	⬇️
superset-frontend/src/explore/index.jsx	0.00% <0.00%> (-100.00%)	⬇️
superset-frontend/src/dashboard/index.jsx	0.00% <0.00%> (-100.00%)	⬇️
superset-frontend/src/setup/setupColors.js	0.00% <0.00%> (-100.00%)	⬇️
... and 145 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 a95e5c9...4c397af. Read the comment docs.

[willbarrett]

@riahk unfortunately this needs another rebase :(

[nytai]

oops, sorry for closing. Also sorry for requiring another rabse, I just merged #10680

[nytai]

lgtm!