fix(icon-tabs): fix tooltip styles icon only tab

[aledavila]

Closes #12463

Makes tootip on Icon tab list visible
As the issue states the issue stems from the overflow-x: auto on the tab-list. Its necessary for scrolling the tab list when its longer than the container its in. The solution here is only based on the assumption that because icons are small there wouldn't be an instance where they are longer than the container so i removed it from icon only tab lists. I tried many other solutions that weren't working including z-index but it doesn't work. If this doesn't feel like the correct solution I'm also open to suggestions

Testing / Reviewing

Make sure theres no regressions

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	f13a4a2
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/63763d8aaa7e920008b82e96
😎 Deploy Preview	https://deploy-preview-12658--carbon-components-react.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 settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	f13a4a2
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/63763d8a94b04d0007f749cc
😎 Deploy Preview	https://deploy-preview-12658--carbon-elements.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 settings.

[tay1orjones]

Having a ton of icon tabs that need to be scrollable is far more of an edge case than having the tooltip visible for a single tab.

I agree we should prioritize the tooltips over the scrolling functionality if the two are incompatible.