whoop

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { Metadata } from "next";
 import ChatDetail from "@/components/dashboard/ChatDetail";
+import Dashboard from "@/components/dashboard/dashboard";
 
 export const metadata: Metadata = {
   title: "Chat Conversation",
@@ -9,10 +10,12 @@ export const metadata: Metadata = {
 
 export default function ChatDetailPage({ params }: { params: { id: string } }) {
   return (
-    <div className="container mx-auto py-6 space-y-6">
-      <div className="grid grid-cols-1 gap-6">
-        <ChatDetail chatId={params.id} />
+    <Dashboard>
+      <div className="container mx-auto py-6 space-y-6">
+        <div className="grid grid-cols-1 gap-6">
+          <ChatDetail chatId={params.id} />
+        </div>
       </div>
-    </div>
+    </Dashboard>
   );
 }