feat(Tabs): Dismissable tabs

[francinelucca]

Closes #12813

This adds dismissable functionality to tabs

• Adds new dismissable & onTabCloseRequest props to Tabs
• Adds new Dismissable Tabs story
• Adds Dismissable tabs docs guidance to Tabs story
• Adds VRT & RTL tests for dismissable tabs

TODO:

• Confirm disabled state
• Confirm hover state

Changelog

New

• dismissable & onTabCloseRequest props in Tabs, also passed through the TabsContext
• dismissable VRT story
• RTL tests for dismissable tabs
• Tabs docs guidance for dismissable tabs
• Dismissable tab story
• close button styling rule for dismissable tab
• Dismissable control in Tabs Playground story

Changed

• Refactored Tabs scroll buttons visibility logic to account for deletable tabs
• Datatable docs package import correction (use @carbon/react instead of carbon-components-react)
• Overrider renderIcon with Dismiss(close) Icon on Tab when TabsContext's value has dismissable
• onKeyDown handle in Tab to call onTabCloseRequest when delete is pressed on dismissable tab

Testing / Reviewing

1. https://deploy-preview-13529--carbon-components-react.netlify.app/?path=/story/components-tabs--dismissable

• Verify styling matches spec
  
• Verify dismissable behavior
• Verify reset behavior
• Verify keyboard functionality

2. Verify other tab stories still work/behave as expected and no visual/behavioral regressions
3. Verify Dismissable docs are coherent and readable https://deploy-preview-13529--carbon-components-react.netlify.app/?path=/docs/components-tabs--dismissable#dismissable-tabs

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	0b7c769
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/64661d2e4390d90008b1dee2
😎 Deploy Preview	https://deploy-preview-13529--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	0b7c769
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/64661d2e9355b2000898ebcd
😎 Deploy Preview	https://deploy-preview-13529--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.

[francinelucca]

Not sure why icons-vue is failing in the e2e testing with ReferenceError: Cannot access 'WatsonHealth3DCursor32' before initialization, any insight would be greatly appreciated 🙏🏻

[francinelucca]

This should be ready for another visual review @kingtraceyj @laurenmrice
Line tabs: https://deploy-preview-13529--carbon-components-react.netlify.app/?path=/docs/components-tabs--dismissable#dismissable-tabs
Contained tabs: https://deploy-preview-13529--carbon-components-react.netlify.app/?path=/story/components-tabs--playground&args=dismissable:true;contained:true

Attaching some videos as well

Screen.Recording.2023-05-11.at.7.32.47.PM.mov

Screen.Recording.2023-05-11.at.7.32.13.PM.mov

Still wondering if the disabled dismiss button should have an active color or not since disabled tabs are dismissable?

[kingtraceyj]

hover color on 'x' should be $layer-hover-accent

current:

intended:

[kingtraceyj]

looks go to good! 💥

[andreancardona]

🔥 looks amazing!

[andreancardona]

🔥 looks amazing!

[guidari]

Awesome! LGTM!!