feat: add authentication and user management features

- Implemented AuthButton component for Discord sign-in and sign-out functionality.
- Created CopyButton component for copying server IP addresses.
- Developed EventCard and GradeCard components for displaying events and grades.
- Added Footer and Navbar components for site navigation and information.
- Introduced PurchaseButton for handling grade purchases with Stripe integration.
- Created SectionHeader component for consistent section titles.
- Implemented session management with SessionProvider for NextAuth.
- Set up PostgreSQL database with Docker and Prisma for data management.
- Added admin guard functionality to restrict access to certain routes.
- Configured NextAuth with Discord provider for user authentication.
- Defined Prisma schema for user, admin, grade, event, and purchase models.
- Seeded database with initial grades and events data.
- Added SVG hero image for the landing page.
- Extended NextAuth types to include additional user properties.

app/admin/page.tsx

@@ -0,0 +1,104 @@
+import { getServerSession } from "next-auth";
+import { redirect } from "next/navigation";
+import AdminDashboard from "@/components/admin/admin-dashboard";
+import Footer from "@/components/footer";
+import Navbar from "@/components/navbar";
+import { authOptions } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+export const dynamic = "force-dynamic";
+
+type AdminWithUser = {
+  id: string;
+  discordId: string;
+  user: {
+    name?: string | null;
+    email?: string | null;
+    discordUsername?: string | null;
+  } | null;
+};
+
+type GradeRecord = {
+  id: string;
+  name: string;
+  price: number;
+  description: string;
+};
+
+type EventRecord = {
+  id: string;
+  title: string;
+  description: string;
+  eventDate: Date;
+};
+
+export default async function AdminPage() {
+  const session = await getServerSession(authOptions);
+  const discordId = session?.user?.discordId;
+
+  if (!discordId) {
+    redirect("/auth/signin");
+  }
+
+  const envAdmin = process.env.ADMIN_DISCORD_ID;
+  const adminRecord = envAdmin && envAdmin === discordId
+    ? null
+    : await db.admin.findUnique({ where: { discordId } });
+
+  if (!adminRecord && (!envAdmin || envAdmin !== discordId)) {
+    redirect("/");
+  }
+
+  const [grades, events, admins] = await Promise.all([
+    db.grade.findMany({ orderBy: { price: "asc" } }),
+    db.event.findMany({ orderBy: { eventDate: "asc" } }),
+    db.admin.findMany({
+      orderBy: { createdAt: "desc" },
+      include: { user: true },
+    }),
+  ] as const);
+
+  const adminUsers = admins as AdminWithUser[];
+  const gradeRecords = grades as GradeRecord[];
+  const eventRecords = events as EventRecord[];
+
+  return (
+    <div className="flex min-h-screen flex-col">
+      <Navbar />
+      <main className="mx-auto w-full max-w-6xl flex-1 px-6 py-16">
+        <div className="mb-10">
+          <p className="text-xs uppercase tracking-[0.4em] text-cyan-200/80">
+            Admin panel
+          </p>
+          <h1 className="mt-4 text-3xl font-semibold text-white md:text-4xl">
+            Control center
+          </h1>
+          <p className="mt-3 text-sm text-slate-300">
+            Manage admins, grades, and events for BinouzUHC.
+          </p>
+        </div>
+        <AdminDashboard
+          initialAdmins={adminUsers.map((admin) => ({
+            id: admin.id,
+            discordId: admin.discordId,
+            user: admin.user
+              ? {
+                  name: admin.user.name,
+                  email: admin.user.email,
+                  discordUsername: admin.user.discordUsername,
+                }
+              : null,
+          }))}
+          initialGrades={gradeRecords}
+          initialEvents={eventRecords.map((event) => ({
+            id: event.id,
+            title: event.title,
+            description: event.description,
+            eventDate: event.eventDate.toISOString(),
+          }))}
+        />
+      </main>
+      <Footer />
+    </div>
+  );
+}