fix: long labels now truncate with ellipsis

[rusackas]

SUMMARY

Some labels had long text that was causing layout issues. Now they stop at 100% of their parent's width, and truncate the text with an ellipsis.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

After:

TEST PLAN

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

[codecov-io]

Codecov Report

Merging #11400 into master will increase coverage by 0.00%.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master   #11400   +/-   ##
=======================================
  Coverage   66.07%   66.07%           
=======================================
  Files         840      840           
  Lines       40093    40093           
  Branches     3685     3685           
=======================================
+ Hits        26490    26493    +3     
+ Misses      13502    13499    -3     
  Partials      101      101           

Flag	Coverage Δ
#cypress	56.32% <ø> (+0.02%)	⬆️
#javascript	62.95% <ø> (ø)
#python	61.14% <ø> (ø)

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

Impacted Files	Coverage Δ
superset-frontend/src/components/Label/index.tsx	100.00% <ø> (ø)
.../src/explore/components/AdhocMetricEditPopover.jsx	69.86% <0.00%> (+4.10%)	⬆️

---

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 43b92b2...9d7660b. Read the comment docs.

[nytai]

retriggering CI