feat: integrate real data into dashboard

- Created dashboard service with DB queries for users, economy, events
- Added client stats provider with 30s caching for Discord metrics
- Implemented /api/stats endpoint aggregating all dashboard data
- Created useDashboardStats React hook with auto-refresh
- Updated Dashboard.tsx to display real data with loading/error states
- Added comprehensive test coverage (11 tests passing)
- Replaced all mock values with live Discord and database metrics

web/src/server.ts

@@ -62,6 +62,58 @@ export async function createWebServer(config: WebServerConfig = {}): Promise<Web
                 return Response.json({ status: "ok", timestamp: Date.now() });
             }
 
+            if (url.pathname === "/api/stats") {
+                try {
+                    // Import services (dynamic to avoid circular deps)
+                    const { dashboardService } = await import("@shared/modules/dashboard/dashboard.service");
+                    const { getClientStats } = await import("../../bot/lib/clientStats");
+
+                    // Fetch all data in parallel
+                    const [clientStats, activeUsers, totalUsers, economyStats, recentEvents] = await Promise.all([
+                        Promise.resolve(getClientStats()),
+                        dashboardService.getActiveUserCount(),
+                        dashboardService.getTotalUserCount(),
+                        dashboardService.getEconomyStats(),
+                        dashboardService.getRecentEvents(10),
+                    ]);
+
+                    const stats = {
+                        guilds: {
+                            count: clientStats.guilds,
+                        },
+                        users: {
+                            active: activeUsers,
+                            total: totalUsers,
+                        },
+                        commands: {
+                            total: clientStats.commandsRegistered,
+                        },
+                        ping: {
+                            avg: clientStats.ping,
+                        },
+                        economy: {
+                            totalWealth: economyStats.totalWealth.toString(),
+                            avgLevel: economyStats.avgLevel,
+                            topStreak: economyStats.topStreak,
+                        },
+                        recentEvents: recentEvents.map(event => ({
+                            ...event,
+                            timestamp: event.timestamp.toISOString(),
+                        })),
+                        uptime: clientStats.uptime,
+                        lastCommandTimestamp: clientStats.lastCommandTimestamp,
+                    };
+
+                    return Response.json(stats);
+                } catch (error) {
+                    console.error("Error fetching dashboard stats:", error);
+                    return Response.json(
+                        { error: "Failed to fetch dashboard statistics" },
+                        { status: 500 }
+                    );
+                }
+            }
+
             // Static File Serving
             let pathName = url.pathname;
             if (pathName === "/") pathName = "/index.html";