ugh

app/dashboard/chats/[id]/page.tsx

@@ -1,17 +1,17 @@
-"use client";
-
 import React from "react";
-import { useParams } from "next/navigation";
+import { Metadata } from "next";
 import ChatDetail from "@/components/dashboard/ChatDetail";
 import Dashboard from "@/components/dashboard/dashboard";
 
-export default function ChatDetailPage() {
-  const params = useParams();
-  const chatId = params.id as string;
-  
+export const metadata: Metadata = {
+  title: "Chat Conversation",
+  description: "View and respond to customer messages",
+};
+
+export default function ChatDetailPage({ params }: { params: { id: string } }) {
   return (
     <Dashboard>
-      <ChatDetail chatId={chatId} />
+      <ChatDetail chatId={params.id} />
     </Dashboard>
   );
 }