fix: fixed more sauced items overflow on small devices

[dev-phantom]

Description

This PR includes various updates and fixes. It fixes the issue of sauced items overflowing on small devices. It also updates dependencies such as minimist, ua-parser-js, word-wrap, semver, and decode-uri-component to their latest versions. Additionally, it addresses the mismatched selection color and includes style details.

Generated using OpenSauced.

What type of PR is this? (check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• 🧑‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI
• 📦 Chore (Release)
• ⏩ Revert

Related Tickets & Documents

Fixes #139

Mobile & Desktop Screenshots/Recordings

Added tests?

• 👍 yes
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Added to documentation?

• 📜 README.md
• 📓 docs.opensauced.pizza
• 🍕 dev.to/opensauced
• 📕 storybook
• 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for opensauced-landing ready!

Name	Link
🔨 Latest commit	71d92af
🔍 Latest deploy log	https://app.netlify.com/sites/opensauced-landing/deploys/64ca472e86f2c000084e2f34
😎 Deploy Preview	https://deploy-preview-148--opensauced-landing.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.

[wasimapinjari]

Maybe you should add a media query breakpoint (it's an overkill I know) where it starts breaking again (at 290 px) because a few small-screen mobile users might see overflowing text. It's not a must requirement since you fixed most of the problem by removing padding and maintainers should feel free to merge the PR but if this was my website I wouldn't have taken chances:

At 310 px (19.375 em) media query breakpoint I would have converted the layout like so:

[dev-phantom]

Maybe you should add a media query breakpoint (it's an overkill I know) where it starts breaking again (at 290px) because a few small-screen mobile users might see overflowing text. It's not a must requirement since you fixed most of the problem by removing padding and maintainers should feel free to merge the PR but if this was my website I wouldn't have taken chances:

At 310px media query breakpoint I would have converted the layout like so:

I would have done that also, but I'm just taking @bdougie suggestions here

Cause I feel like it would have been better if it were flex-col then on sm-screen it can now wrap

[bdougie]

looks good