Docs: Created Component for MCP tutorials (#3475)

Co-authored-by: dianed-square <73617011+dianed-square@users.noreply.github.com>

documentation/docs/mcp/developer-mcp.md

@@ -6,6 +6,7 @@ description: Use Developer MCP Server as a Goose Extension
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import YouTubeShortEmbed from '@site/src/components/YouTubeShortEmbed';
+import GooseBuiltinInstaller from '@site/src/components/GooseBuiltinInstaller';
 
 <YouTubeShortEmbed videoUrl="https://www.youtube.com/embed/on_p-LeIrak" />
 
@@ -20,13 +21,12 @@ This tutorial will cover enabling and using the Developer MCP Server, which is a
 The Developer extension is already enabled by default when Goose is installed.
 :::
 
-1. Ensure extension is enabled:
-
 <Tabs groupId="interface">
   <TabItem value="ui" label="Goose Desktop" default>
-  1. Click `...` in the upper right corner
-  2. Click `Advanced Settings`
-  3. Under `Extensions`, toggle `Developer` to on.
+  <GooseBuiltinInstaller
+    extensionName="Developer"
+    description="Automate developer-centric tasks like file editing and shell commands"
+  />
   </TabItem>
   <TabItem value="cli" label="Goose CLI">