chore: initial project import

app/notifications/page.tsx

@@ -0,0 +1,83 @@
+import { redirect } from "next/navigation";
+
+import { getSession } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { ShellPage } from "@/components/page-templates";
+import { TablePlaceholder } from "@/components/placeholders";
+
+type NotificationRow = {
+  id: string;
+  type: string;
+  message: string;
+  time: string;
+  status: string;
+};
+
+function toLocale(date: Date | null) {
+  if (!date) {
+    return "-";
+  }
+
+  return new Intl.DateTimeFormat("id-ID", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(date);
+}
+
+export default async function NotificationsPage() {
+  const session = await getSession();
+  if (!session) {
+    redirect("/login");
+  }
+
+  const tenantFilter = session.role === "super_admin" ? {} : { tenantId: session.tenantId };
+
+  const [audits, webhooks] = await Promise.all([
+    prisma.auditLog.findMany({
+      where: tenantFilter,
+      include: { actorUser: true, tenant: true },
+      orderBy: { createdAt: "desc" },
+      take: 8
+    }),
+    prisma.webhookEvent.findMany({
+      where: tenantFilter,
+      include: { tenant: true },
+      orderBy: { createdAt: "desc" },
+      take: 8
+    })
+  ]);
+
+  const rowsRaw: Array<NotificationRow & { sortAt: Date }> = [
+    ...audits.map((audit) => ({
+      id: audit.id,
+      type: "Audit",
+      message: `${audit.actorUser?.fullName ?? "System"} ${audit.action} ${audit.entityType} ${audit.entityId}`,
+      time: toLocale(audit.createdAt),
+      status: audit.entityType ? "Info" : "Notice",
+      sortAt: audit.createdAt
+    })),
+    ...webhooks.map((event) => ({
+      id: event.id,
+      type: "Webhook",
+      message: `${event.eventType} · ${event.tenant.name}`,
+      time: toLocale(event.createdAt),
+      status: event.processStatus,
+      sortAt: event.createdAt
+    }))
+  ].sort((a, b) => b.sortAt.getTime() - a.sortAt.getTime());
+
+  const rows = rowsRaw.slice(0, 12).map((item) => [item.type, item.message, item.time, item.status]);
+
+  return (
+    <ShellPage shell="admin" title="Notifications" description="Feed notifikasi lintas modul.">
+      <TablePlaceholder
+        title="Recent notifications"
+        columns={["Type", "Message", "Time", "Status"]}
+        rows={rows}
+      />
+    </ShellPage>
+  );
+}