[Content switcher] Update docs–Usage and Style pages

[thyhmdo]

Closes https://github.com/carbon-design-system/carbon-website/issues/3617 and https://github.com/carbon-design-system/carbon-website/issues/3618

---

Usage tab updates

• [x] Icon content switcher: Add content and images to sections that apply.
• [x] Anatomy: Consider specifying the region area below the switcher.
• [x] Sizing > Width section: Look at a11y comment in PDF.
• [x] Content > Text label section: Include information on truncation behavior.
• [x] Behaviors: Should we add references to selectionmode: automatic versus default or is that too dev specific? Consult with a dev on the team.
• [x] States: Refine how we want to display states here. Usually now we are showing a table on the Usage tab describing the states, rather than showing images. Also add focus states.
• [x] Interactions: Remove Screenreader section.

---

Style tab

• [x] Style template: Update to use the new style template.
• [x] Icon content switcher: Add content and images to sections that apply.
• [x] Interactive states: Missing Unselected tab with focus state.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
carbondesignsystem	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 27, 2024 5:55pm

[thyhmdo]

@alisonjoseph @andreancardona can you please check on the Gif? I'm trying to get it at 8 columns and it's not aligning with the text for some reason. Thank youu

[thyhmdo]

still updating...

[thyhmdo]

ready for another review...I'm not sure why the images keep showing they have the transparency top. Will keep updating them again.