docs(ai): update nav title and apply studio formatting

Author: larbish

docs/content/en/4.ai/.navigation.yml

@@ -0,0 +1 @@
+title: AI

docs/content/en/4.ai/1.mcp.md

@@ -49,17 +49,17 @@ Docus provides two tools out of the box that allow any LLM to discover and read
 
 Lists all documentation pages with their titles, paths, and descriptions. AI assistants should call this first to discover available content.
 
-| Parameter | Type | Description |
-|-----------|------|-------------|
-| `locale` | string (optional) | Filter pages by locale |
+| Parameter | Type              | Description            |
+| --------- | ----------------- | ---------------------- |
+| `locale`  | string (optional) | Filter pages by locale |
 
 ### `get-page`
 
 Retrieves the full markdown content of a specific documentation page.
 
-| Parameter | Type | Description |
-|-----------|------|-------------|
-| `path` | string (required) | The page path (e.g., `/en/getting-started/installation`) |
+| Parameter | Type              | Description                                              |
+| --------- | ----------------- | -------------------------------------------------------- |
+| `path`    | string (required) | The page path (e.g., `/en/getting-started/installation`) |
 
 ## Setup
 
@@ -77,9 +77,9 @@ claude mcp add --transport http my-docs https://docs.example.com/mcp
 
 ::install-button
 ---
-url: "https://docs.example.com/mcp"
-ide: "cursor"
-label: "Install in Cursor"
+ide: cursor
+label: Install in Cursor
+url: https://docs.example.com/mcp
 ---
 ::
 
@@ -102,9 +102,9 @@ Ensure you have GitHub Copilot and GitHub Copilot Chat extensions installed.
 
 ::install-button
 ---
-url: "https://docs.example.com/mcp"
-ide: "vscode"
-label: "Install in VS Code"
+ide: vscode
+label: Install in VS Code
+url: https://docs.example.com/mcp
 ---
 ::
 
@@ -159,7 +159,7 @@ Or manually create/update the `.vscode/mcp.json` file:
 
 ## Customization
 
-Since Docus uses the [`@nuxtjs/mcp-toolkit`](https://mcp-toolkit.nuxt.dev/) module, you can extend the MCP server with custom tools, resources, prompts, and handlers.
+Since Docus uses the `@nuxtjs/mcp-toolkit` module, you can extend the MCP server with custom tools, resources, prompts, and handlers.
 
 ### Adding Custom Tools
 
@@ -229,6 +229,7 @@ export default defineMcpPrompt({
 Handlers allow you to create separate MCP endpoints with their own tools, resources, and prompts. This is useful for exposing different capabilities at different routes.
 
 For example, you could have:
+
 - `/mcp` - Main documentation MCP server
 - `/mcp/migration` - Dedicated MCP server for migration assistance