add feedback

app/(main)/components/RagDashboard.tsx

@@ -220,7 +220,9 @@ export default function RagDashboard() {
               ))}
             </DropdownMenuContent>
           </DropdownMenu>
-
+          <Button asChild className="bg-orange-600 hover:bg-orange-800">
+            <Link href={"/feedback"}>Feedback</Link>
+          </Button>
           <Button asChild className="bg-orange-600 hover:bg-orange-800">
             <Link href={"/upload-document"}>Upload Document</Link>
           </Button>

app/(main)/feedback/page.tsx

@@ -0,0 +1,89 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { createClient } from "@/utils/supabase/client";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+
+type Feedback = {
+  id: number;
+  message: string;
+  created_at: string;
+};
+
+export default async function FeedbackPage() {
+  const supabase = createClient();
+
+  const {
+    data: { session },
+  } = await supabase.auth.getSession();
+
+  if (!session) {
+    revalidatePath("/login", "page");
+    redirect("/login");
+  }
+
+  const [feedbacks, setFeedbacks] = useState<Feedback[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchFeedbacks = async () => {
+      const { data, error } = await supabase
+        .from("feedback")
+        .select("*")
+        .order("created_at", { ascending: false });
+
+      if (!error && data) {
+        setFeedbacks(data);
+      }
+      setLoading(false);
+    };
+
+    fetchFeedbacks();
+  }, []);
+
+  return (
+    <div className="mx-auto max-w-5xl p-4">
+      <h1 className="mb-6 text-2xl font-semibold">📋 Feedback Pengguna</h1>
+
+      {loading ? (
+        <p>Memuat data feedback...</p>
+      ) : feedbacks.length === 0 ? (
+        <p className="text-muted-foreground">
+          Belum ada feedback yang dikirim.
+        </p>
+      ) : (
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>ID</TableHead>
+              <TableHead>Pesan</TableHead>
+              <TableHead className="text-right">Tanggal</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {feedbacks.map((fb) => (
+              <TableRow key={fb.id}>
+                <TableCell>{fb.id}</TableCell>
+                <TableCell className="max-w-[500px] whitespace-pre-line">
+                  {fb.message}
+                </TableCell>
+                <TableCell className="text-right text-sm text-muted-foreground">
+                  {new Date(fb.created_at).toLocaleString("id-ID")}
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      )}
+    </div>
+  );
+}