test: Tests, dedicated directory and Storybook for the Badge component

[geido]

Moves the Badge component to a dedicated directory in src/components while adding tests and a storybook entry.

[michael-s-molina]

@geido Code LGTM. One thing that I noticed is that if I change the values of count, color, textColor and size in the storybook, nothing happens. Are these properties not being used?

[geido]

@geido Code LGTM. One thing that I noticed is that if I change the values of count, color, textColor and size in the storybook, nothing happens. Are these properties not used?

@michael-s-molina some properties are exclusive. For instance, you should not use the property count together with the property text or the property status with color. That is the reason why I added undefined to the options so all the combinations can be tested exclusively. However, if you think there is a better way to achieve that, I'll be happy to revisit.

[geido]

@junlincc @rusackas

[codecov]

Codecov Report

Merging #13513 (0882ff4) into master (375797f) will decrease coverage by 4.47%.
The diff coverage is 5.00%.

@@            Coverage Diff             @@
##           master   #13513      +/-   ##
==========================================
- Coverage   76.96%   72.48%   -4.48%     
==========================================
  Files         930      630     -300     
  Lines       46278    21707   -24571     
  Branches     5554     5555       +1     
==========================================
- Hits        35619    15735   -19884     
+ Misses      10525     5838    -4687     
  Partials      134      134              

Flag	Coverage Δ
cypress	57.45% <ø> (+<0.01%)	⬆️
hive	?
javascript	62.45% <5.00%> (-0.04%)	⬇️
mysql	?
postgres	?
python	?
sqlite	?

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

Impacted Files	Coverage Δ
...end/src/SqlLab/components/TemplateParamsEditor.jsx	23.80% <ø> (ø)
...-frontend/src/common/components/common.stories.tsx	0.00% <ø> (ø)
superset-frontend/src/common/components/index.tsx	100.00% <ø> (ø)
...et-frontend/src/components/Badge/Badge.stories.tsx	0.00% <0.00%> (ø)
superset-frontend/src/components/Badge/index.tsx	100.00% <ø> (ø)
...erset-frontend/src/datasource/DatasourceEditor.jsx	66.38% <ø> (ø)
...erset-frontend/src/profile/components/Security.tsx	100.00% <100.00%> (ø)
...set-frontend/src/dashboard/util/getDropPosition.js	90.90% <0.00%> (ø)
superset/migrations/env.py
superset/queries/saved_queries/commands/export.py
... and 300 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 375797f...bd85aba. Read the comment docs.

[pkdotson]

LGTM!