Responsive changes — General Changes + New components

[djalmaaraujo]

Description

This is a BIG Pull Request! Sorry for the big chunk of changes, but they are too integrated with some recent changes on the VIP Dashboard and other applications of the VIP Design System. I will try to be very practical on how to test this:

Fixes #365

Checklist

• [x] This PR has good automated test coverage
• [x] The storybook for the component has been updated

Steps to Test

New Mobile Menu

1. Open https://deploy-preview-372--vip-design-system-components.netlify.app/?path=/docs/navigation-mobilemenu--docs
2. Click on the hamburger icon
3. Expect to see a RAW MobileMenu using a drawer component, with no specific paddings/margins.

New fullWidth Button prop

1. Open https://deploy-preview-372--vip-design-system-components.netlify.app/?path=/docs/button--docs
2. Expect to see a full-width button

Toggle converted to Typescript + Documentation

1. Open https://deploy-preview-372--vip-design-system-components.netlify.app/?path=/docs/toggle--docs
2. Expect this component to work as usual; there are no new features, but now it has documentation. The new primary color is dark, just in case you think it's a bug.

Other changes

Other changes are all related to style changes.

[netlify[bot]]

✅ Deploy Preview for vip-design-system-components ready!

Name	Link
🔨 Latest commit	ab680b032fbc1bfbd213950c420db207d2ee9b22
🔍 Latest deploy log	https://app.netlify.com/sites/vip-design-system-components/deploys/6627f49ac02d830008bb20e1
😎 Deploy Preview	https://deploy-preview-372--vip-design-system-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.