chore: initial project import

app/billing/history/page.tsx

@@ -0,0 +1,59 @@
+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";
+import Link from "next/link";
+
+function formatDate(value: Date | null) {
+  if (!value) {
+    return "-";
+  }
+
+  return new Intl.DateTimeFormat("id-ID", {
+    month: "short",
+    year: "numeric"
+  }).format(value);
+}
+
+function formatMoney(value: number) {
+  return new Intl.NumberFormat("id-ID", {
+    style: "currency",
+    currency: "IDR",
+    maximumFractionDigits: 0
+  }).format(value);
+}
+
+export default async function BillingHistoryPage() {
+  const session = await getSession();
+  if (!session) {
+    redirect("/login");
+  }
+
+  const invoices = await prisma.billingInvoice.findMany({
+    where: { tenantId: session.tenantId },
+    orderBy: { dueDate: "desc" }
+  });
+
+  return (
+    <ShellPage shell="admin" title="Billing History" description="Invoice list dan payment status tenant.">
+      <TablePlaceholder
+        title="Invoices"
+        columns={["Invoice", "Period", "Amount", "Status"]}
+        rows={invoices.map((invoice) => [
+          <Link
+            href={`/billing/invoices/${invoice.id}`}
+            className="text-brand hover:underline"
+            key={`${invoice.id}-admin-invoice`}
+          >
+            {invoice.invoiceNumber}
+          </Link>,
+          `${formatDate(invoice.periodStart)} - ${formatDate(invoice.periodEnd)}`,
+          formatMoney(invoice.totalAmount),
+          invoice.paymentStatus
+        ])}
+      />
+    </ShellPage>
+  );
+}