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

web/src/pages/DesignSystem.tsx

@@ -12,6 +12,7 @@ import { StatCard } from "../components/stat-card";
 import { LootdropCard } from "../components/lootdrop-card";
 import { Activity, Coins, Flame, Trophy } from "lucide-react";
 import { SettingsDrawer } from "../components/settings-drawer";
+import { QuestForm } from "../components/quest-form";
 
 import { RecentActivity } from "../components/recent-activity";
 import { type RecentEvent } from "@shared/modules/dashboard/dashboard.types";
@@ -98,6 +99,9 @@ export function DesignSystem() {
                     <Link to="/dashboard" className="text-step--1 font-medium text-muted-foreground hover:text-primary transition-colors">
                         Dashboard
                     </Link>
+                    <Link to="/admin/quests" className="text-step--1 font-medium text-muted-foreground hover:text-primary transition-colors">
+                        Admin
+                    </Link>
                 </div>
             </nav>
 
@@ -464,6 +468,17 @@ export function DesignSystem() {
                     </div>
                 </section>
 
+                {/* Administrative Tools Showcase */}
+                <section className="space-y-6 animate-in slide-up delay-700">
+                    <h2 className="text-3xl font-bold flex items-center justify-center md:justify-start gap-2">
+                        <span className="w-8 h-8 rounded-full bg-primary inline-block" />
+                        Administrative Tools
+                    </h2>
+                    <div className="grid grid-cols-1 gap-6 text-left">
+                        <QuestForm />
+                    </div>
+                </section>
+
                 {/* Typography */}
                 <section className="space-y-8 pb-12">
                     <h2 className="text-step-3 font-bold text-center">Fluid Typography</h2>