feat: add github analytics command center dashboard and widgets

[saidai-bhuvanesh]

🚀 [Feature] GitHub Analytics Command Center Dashboard & Widgets

🎯 Objective

This PR introduces a modern GitHub Analytics Command Center designed to provide contributors with realtime repository intelligence, contribution insights, activity visualization, and enterprise-grade dashboard analytics inside the DevCard ecosystem.

The implementation enhances contributor observability workflows while maintaining lightweight frontend-only architecture and modern Svelte 5 compatibility.

---

✨ Features

• Realtime GitHub analytics dashboard
• Contributor activity heatmap visualization
• AI-powered contribution insight widgets
• Enterprise glassmorphism-inspired dashboard UI
• Responsive analytics layout system
• Interactive KPI metric widgets
• Modern Svelte 5 component architecture
• Lightweight frontend-only analytics infrastructure

---

🏗️ Technical Implementation

Added Components

• apps/web/src/lib/components/AnalyticsWidget.svelte
• apps/web/src/lib/components/ActivityHeatmap.svelte
• apps/web/src/routes/dashboard/+page.svelte

Architecture Improvements

• Migrated components to modern Svelte 5 APIs using $props() and $state()
• Preserved isolated modular architecture
• Prevented routing and backend modifications
• Reused existing design system tokens from app.css
• Implemented reusable analytics widget infrastructure

---

🛡️ Architecture Safety

• Frontend-only implementation
• Zero backend schema modifications
• No API contract changes
• Modular reusable component system
• Minimal merge conflict probability
• Lightweight isolated rendering architecture

---

⚡ Performance Optimizations

• Efficient dashboard rendering flows
• Lightweight activity heatmap generation
• Responsive analytics layout system
• Reduced unnecessary rerenders
• Optimized component reactivity patterns

---

♿ Accessibility Improvements

• Added semantic interactive activity indicators
• Improved responsive interaction patterns
• Enhanced visual hierarchy and readability
• Accessibility-safe dashboard rendering

---

🧪 Validation

✔ pnpm build passed successfully
✔ Svelte 5 compatibility verified
✔ Responsive layouts verified
✔ Local dashboard rendering validated
✔ Zero TypeScript compilation issues
✔ No backend regressions introduced

---

📸 Demo

(Attach screenshots or GIF previews of the dashboard and analytics widgets here.)

---

✅ Checklist

• Code follows repository guidelines
• Self-review completed
• Build verification completed
• Frontend-only architecture preserved
• No unrelated modifications included
• Enterprise UI consistency maintained
• Modern Svelte 5 APIs used correctly

[saidai-bhuvanesh]

Applied a complete frontend architecture hardening pass including reusable visualization extraction, accessibility improvements, security-safe rendering updates, performance optimizations, duplicate rendering cleanup, and reusable analytics infrastructure stabilization.