[SAX-329] Mobile drawer should be widthfull

[luarakerlen]

What problem is this solving?

Drawer component should have width full for mobile.
It was solved adding vtex.device-detector dependency and using it in ShippingOptionDrawer component.

How to test it?

Workspace

Screenshots or example usage:

Before

Gravacao.de.Tela.2024-09-30.as.15.07.51.mov

After

Gravacao.de.Tela.2024-09-30.as.15.04.42.mov

Related to / Depends on

https://vtex-dev.atlassian.net/browse/SAX-329

[vtex-io-ci-cd]

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

• Patch (backwards-compatible bug fixes)

• Minor (backwards-compatible functionality)

• Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

• No thanks, I would rather do it manually 😞

[vtex-io-docs-bot]

Beep boop 🤖

I noticed you didn't make any changes at the docs/ folder

• There's nothing new to document 🤔
• I'll do it later 😞

In order to keep track, I'll create an issue if you decide now is not a good time

• I just updated 🎉🎉

[ArthurFerrao]

LGTM!

[vtex-io-ci-cd]

Your PR has been merged! App is being published. 🚀
Version 0.1.3 → 0.1.4

After the publishing process has been completed (check #vtex-io-releases) and doing A/B tests with the new version, you can deploy your release by running:

vtex deploy [email protected]

After that your app will be updated on all accounts.

For more information on the deployment process check the docs. 📖