docs: Added images for Claude Desktop setup

src/pages/developing/carbon-mcp/onboarding-and-setup.mdx

@@ -202,27 +202,41 @@ This section describes how to make both connections.
 
 #### Adding Carbon MCP as an Extension
 
-- Open Settings > Extensions
-- Click on Advanced settings
+- Open Settings > Extensions > Advanced Settings
+
+<br />
+![Claude Desktop Step 1](./images/Claude-Desktop-"Open-Settings-Extensions".png)
+<br />
+
 - Click Install Extension
-- Install the `Carbon MCP Claude Desktop extension`, which can be downloaded
-  [here](./files/carbon-mcp-claude-extension.mcpb).
-- Enter your Carbon MCP auth token and session ID in the modal
-- Click Save and Enable
 
+<br />
+![Claude Desktop Step 2](./images/Claude-Desktop"Click-Install-Extension".png)
 <br />
 
-![Carbon MCP Claude Desktop extension](./images/carbon-mcp-claude-setup.png)
+- Install the `Carbon MCP Claude Desktop extension`, which can be downloaded
+  [here](./files/carbon-mcp-claude-extension.mcpb).
 
 <br />
+![Claude Desktop Step 3](./images/Claude-Desktop-"Install-the-Carbon-1".png)
+<br />
+![Claude Desktop Step 4](./images/Claude-Desktop-"Install-the-Carbon-2".png)
 <br />
 
-- You will see Carbon MCP configured under installed extensions
+- Enter your Carbon MCP auth token and session ID in the modal, click Save to
+  confirm.
 
 <br />
+![Claude Desktop Step 5](./images/Claude-Desktop-"Enter-your-Carbon-MCP".png)
+<br />
 
-![Carbon MCP Claude extension installed](./images/carbon-mcp-claude-installed.png)
+- Verify that the Carbon MCP extension is configured by ensuring the toggle is
+  switched on and shows as Enabled.
 
+<br />
+![Carbon MCP Claude Desktop extension](./images/Claude-Desktop-"Enable-Extension-1".png)
+<br />
+![Carbon MCP Claude Desktop extension](./images/Claude-Desktop-"Enable-Extension-2".png)
 <br />
 <br />
 

src/styles/_overrides.scss

@@ -9,3 +9,13 @@
     overflow: visible;
   }
 }
+
+// Fix for list items inside accordion content to span full width
+.cds--accordion__content .cds--list--unordered {
+  width: 100%;
+
+  > .cds--list__item {
+    max-width: 100%;
+    width: 100%;
+  }
+}