Responsive fixes

[djalmaaraujo]

Description

A few responsive fixes for the dashboard and general stuff:

• Making the first breaking as 0px. This ensures we have the same behavior from 0px to the second breakpoint. Without this, the minimum breakpoint is 320, so the responsiveness is gone < 320px;

There are just a few devices with 320px or lower, the last one being released in 2013, but it still makes sense to allow responsiveness for smaller devices.

Noting that we only need to support 320px and above since this is required for WCAG Reflow https://www.w3.org/WAI/WCAG21/Understanding/reflow.html/

• Avoid shrinking the VIP Dashboard logo and mobile trigger button;

Checklist

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

Steps to Test

These are just style changes.

[netlify[bot]]

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

Name	Link
🔨 Latest commit	0a3dd459782eddc785f3edb5b06ee7482c14e0c5
🔍 Latest deploy log	https://app.netlify.com/sites/vip-design-system-components/deploys/6643da8c19b1ed0008493f57
😎 Deploy Preview	https://deploy-preview-401--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.