Initial import: property management SaaS + security hardening + admin dashboard

Property Management Network — Next.js 16 (App Router), Better Auth,
Drizzle ORM over PostgreSQL, Stripe, OpenAI, Resend.

Includes:
- Security hardening: access-control/IDOR fixes, TLS-by-default DB layer,
  constant-time cron auth, strict security headers, atomic AI quota gating,
  HTML/email output encoding, demo-backdoor disabled in production.
- Superadmin dashboard at /admin (overview/MRR, server-paginated users with
  ban/impersonate/plan/delete, billing, platform activity + admin audit log,
  AI usage, system health) via the Better Auth admin plugin.
- Seed/migration utility scripts under scripts/.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/(dashboard)/tenants/page.tsx

@@ -0,0 +1,57 @@
+import { redirect } from "next/navigation"
+import { and, eq, desc } from "drizzle-orm"
+import { db } from "@/lib/db"
+import { tenants as tenantsTable } from "@/lib/db/schema"
+import { getSessionUser } from "@/lib/session"
+import { Users, Plus } from "lucide-react"
+import { EmptyState } from "@/components/shared/empty-state"
+import Link from "next/link"
+import { TenantsTable } from "./tenants-table"
+import { CsvExportButton } from "@/components/forms/csv-export-button"
+
+export const metadata = { title: "Tenants" }
+
+export default async function TenantsPage() {
+  const user = await getSessionUser()
+  if (!user) redirect("/login")
+
+  const tenants = await db.query.tenants.findMany({
+    where: and(eq(tenantsTable.user_id, user.id), eq(tenantsTable.status, "active")),
+    with: {
+      unit: { columns: { unit_number: true, rent_amount: true } },
+      property: { columns: { name: true } },
+    },
+    orderBy: desc(tenantsTable.created_at),
+  })
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-lg font-semibold text-white">Tenants</h2>
+          <p className="text-sm text-white/40">{tenants?.length ?? 0} active tenants</p>
+        </div>
+        <div className="flex items-center gap-2">
+          <CsvExportButton endpoint="/api/export/tenants" filename="tenants.csv" label="Export CSV" />
+          <Link
+            href="/tenants/new"
+            className="flex items-center gap-2 rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500 transition"
+          >
+            <Plus className="h-4 w-4" /> Add Tenant
+          </Link>
+        </div>
+      </div>
+
+      {!tenants?.length ? (
+        <EmptyState
+          icon={Users}
+          title="No tenants yet"
+          description="Add tenants and assign them to units to start tracking rent and maintenance."
+          action={{ label: "Add tenant", href: "/tenants/new" }}
+        />
+      ) : (
+        <TenantsTable tenants={tenants} />
+      )}
+    </div>
+  )
+}