Initial commit

Next.js + Express event management app for Hope Family Church.

frontend/src/app/dashboard/supervisor/reports/page.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import React from "react";
+import { useRouter } from "next/navigation";
+import ReportsV2 from "@/components/reports/ReportsV2";
+
+export default function SupervisorReportsPage() {
+  const router = useRouter();
+  return (
+    <div className="max-w-6xl mx-auto w-full p-6">
+      <div className="flex items-center justify-between mb-4">
+        <h1 className="text-2xl font-semibold">Reports</h1>
+        <button className="px-3 py-1.5 text-sm rounded bg-gray-100 hover:bg-gray-200 text-gray-800 shadow-sm" onClick={() => router.push('/dashboard')}>Back</button>
+      </div>
+      <p className="text-sm text-gray-600 mb-4">View, export, or email operational reports for events.</p>
+      <ReportsV2 />
+    </div>
+  );
+}