Bug - Fix selector component text overflow

[barrymun]

Description

• Handle overflowing text with ellipsis within the selector component for smaller screens and/or longer text lengths.

Type of Change

• ✨ New snippet
• 🛠 Improvement to an existing snippet
• 🐞 Bug fix
• 📖 Documentation update
• 🔧 Other (please describe):

Checklist

• I have tested my code and verified it works as expected.
• My code follows the style and contribution guidelines of this project.
• Comments are added where necessary for clarity.
• Documentation has been updated (if applicable).
• There are no new warnings or errors from my changes.

Related Issues

Closes #128

Additional Context

Screenshots (Optional)

Click to view screenshots

Before:

After:

[netlify]

✅ Deploy Preview for quicksnip ready!

Name	Link
🔨 Latest commit	2917f97
🔍 Latest deploy log	https://app.netlify.com/sites/quicksnip/deploys/67769f3479f1ff0008bf08af
😎 Deploy Preview	https://deploy-preview-129--quicksnip.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.

[technoph1le]

Thanks for fixing the issue