Update VS Code extension section: group commands and add MCP server

Co-authored-by: garrytrinder <11563347+garrytrinder@users.noreply.github.com>

Author: Copilot

src/pages/index.astro

@@ -287,7 +287,7 @@ import Layout from '../layouts/Layout.astro';
           <p class="text-sm font-semibold tracking-widest uppercase text-purple-400 mb-4">VS Code Extension</p>
           <h3 class="text-3xl md:text-4xl font-bold mb-6 leading-tight">Dev Proxy Toolkit for Visual&nbsp;Studio&nbsp;Code.</h3>
           <p class="text-lg leading-relaxed mb-6" style="color: var(--text-muted);">
-            Control Dev Proxy directly from your editor. Start and stop the proxy, manage configurations with IntelliSense, and use 100+ code snippets&thinsp;&mdash;&thinsp;all without leaving VS&nbsp;Code.
+            Control Dev Proxy directly from your editor. Manage configurations with IntelliSense, use 100+ code snippets, and leverage the built-in MCP server for AI-assisted development&thinsp;&mdash;&thinsp;all without leaving VS&nbsp;Code.
           </p>
           <a href="https://marketplace.visualstudio.com/items?itemName=garrytrinder.dev-proxy-toolkit" target="_blank" rel="noopener" class="text-purple-400 hover:text-purple-300 font-medium transition-colors">
             Install from Marketplace &rarr;
@@ -303,18 +303,9 @@ import Layout from '../layouts/Layout.astro';
           </div>
           <div class="space-y-3 font-mono text-sm">
             <div class="flex items-center gap-3">
-              <span class="text-purple-400">&#9656;</span>
-              <span style="color: var(--text-secondary);">Start Dev Proxy</span>
-            </div>
-            <div class="flex items-center gap-3">
-              <span class="text-purple-400">&#9632;</span>
-              <span style="color: var(--text-secondary);">Stop Dev Proxy</span>
-            </div>
-            <div class="flex items-center gap-3">
-              <span class="text-purple-400">&#8634;</span>
-              <span style="color: var(--text-secondary);">Restart Dev Proxy</span>
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">Control Dev Proxy from VS Code</span>
             </div>
-            <div class="w-full h-px my-1" style="background: var(--border-primary);"></div>
             <div class="flex items-center gap-3">
               <span class="text-green-400">&#10003;</span>
               <span style="color: var(--text-secondary);">IntelliSense for config files</span>
@@ -327,6 +318,10 @@ import Layout from '../layouts/Layout.astro';
               <span class="text-green-400">&#10003;</span>
               <span style="color: var(--text-secondary);">Debugger integration</span>
             </div>
+            <div class="flex items-center gap-3">
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">MCP server for AI-assisted development</span>
+            </div>
           </div>
         </div>
       </div>