Add AI chat feature

components/chat/index.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { ChatMessages } from "./chat-messages";
+import { ChatForm } from "./chat-form";
+import { DefaultChatTransport } from "ai";
+import { useChat } from "@ai-sdk/react";
+
+export function Chat() {
+  const { messages, sendMessage, status, error } = useChat({
+    transport: new DefaultChatTransport({
+      api: "http://localhost:3000/api/chat",
+    }),
+  });
+
+  return (
+    <div className="max-w-2xl flex flex-col gap-2">
+      <ChatMessages messages={messages} />
+      <ChatForm
+        onMessage={sendMessage}
+        disabled={status === "submitted" || status === "streaming"}
+      />
+    </div>
+  );
+}