refactor(classNames): 🔍 ensure application to the right element

[mitchelvanbever]

We probably want to check all the components to ensure the className that is being passed from the styled function is applied to the right element. For the toggle this gave some headaches because of the nested structure of the css rules.

Fixed toggle but feel free to check/fix other components

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/storyofams/react-ui/DVpH6xvaF7X6UrB2SWM36hmzX9Ak
✅ Preview: https://react-ui-git-chore-extend-classname-location-storyofams.vercel.app

[codecov]

Codecov Report

Merging #55 (ecec737) into master (5d835cc) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master      #55   +/-   ##
=======================================
  Coverage   99.70%   99.70%           
=======================================
  Files          29       29           
  Lines         343      343           
  Branches       80       80           
=======================================
  Hits          342      342           
  Misses          1        1           

Flag	Coverage Δ
typescript	?
unittest	99.70% <ø> (ø)

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

Impacted Files	Coverage Δ
src/components/common/Toggle/index.tsx	93.75% <ø> (ø)

---

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 5d835cc...ecec737. Read the comment docs.