docs: Convert MCP cookbook links to card components

docs/guides/overview.mdx

@@ -21,17 +21,51 @@ description: "Comprehensive collection of practical guides for Continue includin
 
 Step-by-step guides for integrating Model Context Protocol (MCP) servers with Continue:
 
-- [Continue Docs MCP Cookbook](/guides/continue-docs-mcp-cookbook) - Use the Continue Docs MCP to write cookbooks, guides, and documentation with AI-powered workflows
-- [GitHub MCP Cookbook](/guides/github-mcp-continue-cookbook) - Use GitHub MCP to list, filter, and summarize open issues and merged PRs, and post AI-generated comments
-- [Atlassian MCP Cookbook](/guides/atlassian-mcp-continue-cookbook) - Use Atlassian Rovo MCP to search and manage Jira issues, Confluence pages, and Compass components with natural language
-- [PostHog Session Analysis Cookbook](/guides/posthog-github-continuous-ai) - Analyze user behavior data to optimize your codebase with automatic issue creation
-- [Netlify Performance Optimization Cookbook](/guides/netlify-mcp-continuous-deployment) - Optimize web performance with A/B testing and automated monitoring using Netlify MCP
-- [Chrome DevTools Performance Cookbook](/guides/chrome-devtools-mcp-performance) - Measure and optimize web performance with automated traces, Core Web Vitals monitoring, and performance budgets
-- [Sanity CMS Integration Cookbook](/guides/sanity-mcp-continue-cookbook) - Manage headless CMS content with AI-powered workflows using Sanity MCP
-- [Sentry Error Monitoring Cookbook](/guides/sentry-mcp-error-monitoring) - Automated error analysis with Sentry MCP to identify patterns and create actionable GitHub issues
-- [Snyk + Continue Hub Agent Cookbook (MCP)](/guides/snyk-mcp-continue-cookbook) - Integrate Snyk MCP via Continue Hub to scan code, deps, IaC, and containers
-- [Supabase Database Workflow Cookbook](/guides/supabase-mcp-database-workflow) - Audit Row Level Security in your Supabase database, identify vulnerabilities, and automatically generate fixes using Supabase MCP
-- [dlt Data Pipelines Cookbook](/guides/dlt-mcp-continue-cookbook) - Build AI-powered data pipelines with dlt MCP for pipeline inspection, schema management, and debugging
+<CardGroup cols={3}>
+  <Card title="Continue Docs MCP Cookbook" icon="book" href="/guides/continue-docs-mcp-cookbook">
+    Use the Continue Docs MCP to write cookbooks, guides, and documentation with AI-powered workflows
+  </Card>
+
+  <Card title="GitHub MCP Cookbook" icon="github" href="/guides/github-mcp-continue-cookbook">
+    Use GitHub MCP to list, filter, and summarize open issues and merged PRs, and post AI-generated comments
+  </Card>
+
+  <Card title="Atlassian MCP Cookbook" icon="atlassian" href="/guides/atlassian-mcp-continue-cookbook">
+    Use Atlassian Rovo MCP to search and manage Jira issues, Confluence pages, and Compass components with natural language
+  </Card>
+
+  <Card title="PostHog Session Analysis Cookbook" icon="chart-line" href="/guides/posthog-github-continuous-ai">
+    Analyze user behavior data to optimize your codebase with automatic issue creation
+  </Card>
+
+  <Card title="Netlify Performance Optimization Cookbook" icon="globe" href="/guides/netlify-mcp-continuous-deployment">
+    Optimize web performance with A/B testing and automated monitoring using Netlify MCP
+  </Card>
+
+  <Card title="Chrome DevTools Performance Cookbook" icon="gauge" href="/guides/chrome-devtools-mcp-performance">
+    Measure and optimize web performance with automated traces, Core Web Vitals monitoring, and performance budgets
+  </Card>
+
+  <Card title="Sanity CMS Integration Cookbook" icon="database" href="/guides/sanity-mcp-continue-cookbook">
+    Manage headless CMS content with AI-powered workflows using Sanity MCP
+  </Card>
+
+  <Card title="Sentry Error Monitoring Cookbook" icon="bug" href="/guides/sentry-mcp-error-monitoring">
+    Automated error analysis with Sentry MCP to identify patterns and create actionable GitHub issues
+  </Card>
+
+  <Card title="Snyk + Continue Hub Agent Cookbook (MCP)" icon="shield" href="/guides/snyk-mcp-continue-cookbook">
+    Integrate Snyk MCP via Continue Hub to scan code, deps, IaC, and containers
+  </Card>
+
+  <Card title="Supabase Database Workflow Cookbook" icon="database" href="/guides/supabase-mcp-database-workflow">
+    Audit Row Level Security in your Supabase database, identify vulnerabilities, and automatically generate fixes using Supabase MCP
+  </Card>
+
+  <Card title="dlt Data Pipelines Cookbook" icon="pipe" href="/guides/dlt-mcp-continue-cookbook">
+    Build AI-powered data pipelines with dlt MCP for pipeline inspection, schema management, and debugging
+  </Card>
+</CardGroup>
 
 ## What Advanced Tutorials Are Available