feat: 添加代码片段编辑页面，并在展示页面中添加编辑链接

src/app/snippets/[id]/edit/page.tsx

@@ -0,0 +1,11 @@
+interface SnippetEditPageProps {
+  params: Promise<{
+    id: string;
+  }>;
+}
+
+export default async function SnippetEditPage(props: SnippetEditPageProps) {
+  const params = await props.params;
+  const id = parseInt(params.id);
+  return <div>Editing snippet with id {id}</div>;
+}

src/app/snippets/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { db } from "@/db";
+import Link from "next/link";
 import { notFound } from "next/navigation";
 
 interface SnippetShowPageProps {
@@ -26,7 +27,12 @@ export default async function SnippetShowPage(props: SnippetShowPageProps) {
       <div className="flex m-4 justify-between items-center">
         <h1 className="text-xl font-bold">{snippet.title}</h1>
         <div className="flex gap-4">
-          <button className="p-2 border rounded">Edit</button>
+          <Link
+            href={`/snippets/${snippet.id}/edit`}
+            className="p-2 border rounded"
+          >
+            Edit
+          </Link>
           <button className="p-2 border rounded">Delete</button>
         </div>
       </div>