feat: add Badge component

[goga-m]

Summary

General purpose badge component to be used along with avatars, coin icons et. all

• requires a parent with relative positon.
• position, size, shape, colors, controlled by regular (tailwind) css classes (e.g -right-2 -bottom-2).
• icon="name" prop to internally render an Icon component.
• accepts slot for custom content.

Preview:

Checklist

• Documentation (if necessary)
• Tests (if necessary)
• Ready to be merged

[codecov]

Codecov Report

Merging #2085 into 3.0-react will not change coverage.
The diff coverage is 100.00%.

@@             Coverage Diff             @@
##           3.0-react     #2085   +/-   ##
===========================================
  Coverage     100.00%   100.00%           
===========================================
  Files             45        55   +10     
  Lines            298       381   +83     
  Branches          49        66   +17     
===========================================
+ Hits             298       381   +83     

Impacted Files	Coverage Δ
src/app/components/Alert/Alert.tsx	100.00% <ø> (ø)
src/app/components/Dropdown/Dropdown.tsx	100.00% <ø> (ø)
src/app/components/Form/FormLabel.tsx	100.00% <ø> (ø)
src/app/components/Select/Select.tsx	100.00% <ø> (ø)
...app/components/SideBar/SideBarItem/SideBarItem.tsx	100.00% <ø> (ø)
...ings/pages/Settings/available-settings/General.tsx	100.00% <ø> (ø)
...ins/wallets/components/SignMessage/SignMessage.tsx	100.00% <ø> (ø)
...omains/wallets/pages/ImportWallet/ImportWallet.tsx	100.00% <ø> (ø)
src/app/components/Address/Address.tsx	100.00% <100.00%> (ø)
src/app/components/Address/utils.ts	100.00% <100.00%> (ø)
... and 28 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 ba1c8fd...b28ed61. Read the comment docs.

[goga-m]

I am refactoring this branch to remove conflicts and update with svg-usage