docs(structured list) feature flag usage, style, code tab update

[laurenmrice]

Closes #4224

This PR updates the Structured list component Usage, Style, and Code tabs to include feature flag information and images. The content on the Usage and Style tabs have also been updated with the new content templates.

Note: Links in various places to the "Feature Flag tab" have not been updated yet, because that page is not live yet.

---

Changelog

New

Usage:

• Page tag
• Content
• Images

Style:

• Content
• Images

Code:

• Resource card tag
• Content

Changed

• Content and images

Removed

• Images and content that needed to be taken out

[vercel]

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	Oct 11, 2024 8:21pm

[laurenmrice]

Need dev help

Cli format and Vercel preview are both failing. I tried to use the command you gave in slack and ran yarn format but no luck.

Usage tab:

• There needs to be a Medium height size, Blue tag, that says Feature flag above the page description like below:

Code tab:

• There needs to be a Medium height size, Blue tag, that says Feature flag in the React resource card like below:

[laurenmrice]

@aagonzales Yeah, this part has been really tricky to deal with and I agree it currently looks strange. I will try one of those suggestions out. I think I like the separate H3 section instead of adding a third tab.

[aagonzales]

It looks good! The only thing I saw was on the style tab with the image under With background interactive state color the tabbed image kind of jumps some when tabbing between them. Not really a blocker though so I'm going to go ahead and approve.

[laurenmrice]

I see it! I am fixing it before it merges in. Thank you!