feat: gamification badges, engagement score, and admin dashboard

Agent-Logs-Url: https://github.com/Debugging-Disciples/community-software/sessions/f026042a-bea0-48c5-831e-d12e201e7607

Co-authored-by: JustinhSE <84724234+JustinhSE@users.noreply.github.com>

Author: Copilot

app/admin/page.tsx

@@ -0,0 +1,18 @@
+import { redirect } from "next/navigation";
+import { getServerSession } from "next-auth";
+import { authOptions } from "@/lib/auth";
+import { AdminDashboardClient } from "@/components/AdminDashboardClient";
+
+export default async function AdminPage() {
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    redirect("/");
+  }
+
+  // TODO: Add role-based authorization once user roles are stored in the session.
+  // Only users with an "admin" or "Leader" role should be allowed to access this page.
+  // Example: if (session.user.role !== "admin") redirect("/dashboard");
+
+  return <AdminDashboardClient session={session} />;
+}

app/globals.css

@@ -24,3 +24,50 @@ body {
     text-wrap: balance;
   }
 }
+
+@keyframes flame-pulse {
+  0%, 100% {
+    filter: drop-shadow(0 0 6px rgba(6, 182, 212, 0.8)) drop-shadow(0 0 12px rgba(6, 182, 212, 0.4));
+    transform: scale(1);
+  }
+  50% {
+    filter: drop-shadow(0 0 10px rgba(6, 182, 212, 1)) drop-shadow(0 0 20px rgba(6, 182, 212, 0.6));
+    transform: scale(1.08);
+  }
+}
+
+@keyframes gradient-shift {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+@keyframes counter-up {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.badge-flame {
+  animation: flame-pulse 2s ease-in-out infinite;
+}
+
+.badge-gradient-animated {
+  background-size: 200% 200% !important;
+  animation: gradient-shift 3s ease infinite;
+}
+
+.engagement-score-value {
+  animation: counter-up 0.6s ease-out forwards;
+}