feat: 在代码片段编辑表单中添加 Monaco Editor 组件

src/components/snippet-edit-form.tsx

@@ -1,11 +1,22 @@
 "use client";
 
 import { Snippet } from "@prisma/client";
+import { Editor } from "@monaco-editor/react";
 
 interface SnippetEditFormProps {
   snippet: Snippet;
 }
 
 export default function SnippetEditForm({ snippet }: SnippetEditFormProps) {
-  return <div>Client component has snippet with title {snippet.title}</div>;
+  return (
+    <div>
+      <Editor
+        height="40vh"
+        theme="vs-light"
+        language="c"
+        defaultValue={snippet.code}
+        options={{ minimap: { enabled: false } }}
+      />
+    </div>
+  );
 }