feat: When editing the label/title in the Metrics popover, hitting Enter should save what you've typed

[diegomedina248]

SUMMARY

This PR adjusts the metrics popover in Explore to:

• When editing the title, hitting enter should save the title as well
• Adjust the size of the view & edit modes so that they take the same height and prevent the popover from changing positions

Additionally, took the opportunity to:

• Refactor the file involved to use typescript
• Refactor the tests to use react testing library instead, and added more tests scenarios

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Not a visual change to see, so no before/after:

Screen.Recording.2022-04-29.at.11.41.53.mov

TESTING INSTRUCTIONS

Explore a chart, try to edit a metric and ensure the title gets saved on enter.

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 #19898 (0baa9e6) into master (6f0d53e) will increase coverage by 0.00%.
The diff coverage is 84.37%.

❗ Current head 0baa9e6 differs from pull request most recent head 110e39a. Consider uploading reports for the commit 110e39a to get more accurate results

@@           Coverage Diff           @@
##           master   #19898   +/-   ##
=======================================
  Coverage   66.65%   66.66%           
=======================================
  Files        1729     1729           
  Lines       64910    64917    +7     
  Branches     6842     6843    +1     
=======================================
+ Hits        43268    43277    +9     
+ Misses      19893    19891    -2     
  Partials     1749     1749           

Flag	Coverage Δ
javascript	51.59% <84.37%> (+0.01%)	⬆️

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

Impacted Files	Coverage Δ
...olumnSelectControl/DndColumnSelectPopoverTitle.jsx	8.00% <33.33%> (+3.45%)	⬆️
...rols/MetricControl/AdhocMetricEditPopoverTitle.tsx	89.65% <89.65%> (ø)

---

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 6f0d53e...110e39a. Read the comment docs.

[rusackas]

Would it be possible to move both these classes to Emotion styling in the component? We're trying to whittle away at these LESS files so that we can use variables from the Superset theme everywhere (e.g. using the gridUnit and borderRadius keys from the theme)