feat: Add web admin page for quest management and refactor Discord bot's quest UI to use new components.

web/src/pages/AdminQuests.tsx

@@ -0,0 +1,59 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { QuestForm } from "../components/quest-form";
+import { Badge } from "../components/ui/badge";
+import { SectionHeader } from "../components/section-header";
+import { SettingsDrawer } from "../components/settings-drawer";
+import { ChevronLeft } from "lucide-react";
+
+export function AdminQuests() {
+    return (
+        <div className="min-h-screen bg-aurora-page text-foreground font-outfit overflow-x-hidden">
+            {/* Navigation */}
+            <nav className="sticky top-0 z-50 glass-card border-b border-border/50 py-4 px-8 flex justify-between items-center">
+                <div className="flex items-center gap-3">
+                    <div className="w-8 h-8 rounded-full bg-aurora sun-flare shadow-sm" />
+                    <span className="text-xl font-bold tracking-tight text-primary">Aurora Admin</span>
+                </div>
+
+                <div className="flex items-center gap-6">
+                    <Link to="/" className="text-step--1 font-medium text-muted-foreground hover:text-primary transition-colors">
+                        Home
+                    </Link>
+                    <Link to="/dashboard" className="text-step--1 font-medium text-muted-foreground hover:text-primary transition-colors">
+                        Dashboard
+                    </Link>
+                    <Link to="/design-system" className="text-step--1 font-medium text-muted-foreground hover:text-primary transition-colors">
+                        Design System
+                    </Link>
+                    <div className="h-4 w-px bg-border/50" />
+                    <SettingsDrawer />
+                </div>
+            </nav>
+
+            <main className="pt-12 px-8 pb-12 max-w-7xl mx-auto space-y-12">
+                <div className="space-y-4">
+                    <Link 
+                        to="/dashboard" 
+                        className="flex items-center gap-2 text-muted-foreground hover:text-primary transition-colors w-fit"
+                    >
+                        <ChevronLeft className="w-4 h-4" />
+                        <span className="text-sm font-medium">Back to Dashboard</span>
+                    </Link>
+                    
+                    <SectionHeader
+                        badge="Quest Management"
+                        title="Administrative Tools"
+                        description="Create and manage quests for the Aurora RPG students."
+                    />
+                </div>
+
+                <div className="animate-in fade-in slide-up duration-700">
+                    <QuestForm />
+                </div>
+            </main>
+        </div>
+    );
+}
+
+export default AdminQuests;