fix: ToolDeveloperGuide 替换内联 CodeBlock 为共享组件（修复语法高亮）

Author: tt-a1i

src/pages/ToolDeveloperGuide.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { CodeBlock } from '../components/CodeBlock';
 import { RelatedPages } from '../components/RelatedPages';
 
 // ============================================================
@@ -44,22 +45,6 @@ function CollapsibleSection({
  );
 }
 
-// 代码块组件
-function CodeBlock({ code, language = 'typescript', title }: { code: string; language?: string; title?: string }) {
- return (
- <div className="my-4 rounded-lg overflow-hidden border border-edge/50">
- {title && (
- <div className="bg-surface px-4 py-2 text-sm text-body border- border-edge/50">
- {title}
- </div>
- )}
- <pre className={`bg-base/80 p-4 overflow-x-auto language-${language}`}>
- <code className="text-sm text-body">{code}</code>
- </pre>
- </div>
- );
-}
-
 // 设计原理卡片
 function DesignRationaleCard({ title, why, how, benefit }: {
  title: string;