docs: Added images for Claude Desktop setup

[ChanceG0]

Closes #4834

Images for Claude Desktop setup

Changelog

New

• images in claude desktop drop down

Changed

• spacing inbetween images
• more specific text instructions

Removed

• older images

[github-actions]

DCO Assistant Lite bot All contributors have signed the DCO.

[ChanceG0]

I have read the DCO document and I hereby sign the DCO.

[ChanceG0]

recheck

[Chance-Gong]

I have read the DCO document and I hereby sign the DCO.

[Chance-Gong]

recheck

[ariellalgilmore]

LGTM just wondering if we can reduce the first bullet to one image

open settings -> extensions -> advanced settings

[Kritvi-bhatia17]

How about combining lines 226 and 227 like this?

Suggested change

	- Enter your Carbon MCP auth token and session ID in the modal
	- Enter your Carbon MCP auth token and session ID in the modal, and click Save to confirm.

[Kritvi-bhatia17]

Hi @ChanceG0, thanks for working on this.
Could you also please open an issue for this PR and attach it here so we can better track all the Carbon MCP documentation updates?

I’ve added a few optional content suggestions below—everything else looks good!

[Kritvi-bhatia17]

A small suggestion to make it easier to interpret both images (optional):

Suggested change

	- Verify Extension is Enabled
	- Verify that the Carbon MCP extension is configured by ensuring the toggle is switched on and shows as Enabled.

[Chance-Gong]

Thank you all for the suggestions!
The issue is 4834

[Kritvi-bhatia17]

Looks good @ChanceG0, thanks for creating the issue as well! 🚀

Hey @ariellalgilmore, quick question — is there a way to make the text expand to fill the full width? I’ve included an image below for reference.

[Chance-Gong]

@Kritvi-bhatia17 I looked into this, and the reason it's not wrapping the full width is the - for the list. Removing the dashed list fixes the wrapping issue, but also removes the - before the step.

I also noticed the Bob client drop-down doesn't have the dashes, and the text wrapping is fine.
Perhaps we could remove the dashes for all other steps as well?

[Kritvi-bhatia17]

@Kritvi-bhatia17 I looked into this, and the reason it's not wrapping the full width is the - for the list. Removing the dashed list fixes the wrapping issue, but also removes the - before the step.

I also noticed the Bob client drop-down doesn't have the dashes, and the text wrapping is fine. Perhaps we could remove the dashes for all other steps as well?

Thanks for looking into it, @Chance-Gong. In that case, it might feel inconsistent with the section below, which uses bullet points. Ideally, we should adjust it so the content expands to the full width with bullets, if that's possible.

[Chance-Gong]

@Kritvi-bhatia17 Good news, I got the content to fill the full width using the dashed lists. It was just expanding the width of the text box. This also fixed the other client drop-down texts.

[Kritvi-bhatia17]

@Kritvi-bhatia17 Good news, I got the content to fill the full width using the dashed lists. It was just expanding the width of the text box. This also fixed the other client drop-down texts.

Awesome @ChanceG0, thanks a lot for working on this. LGTM visually! 🚀