feat(panel): harcanabilir ve grup harcama grafikleri

- Günlük / Haftalık / Aylık sekmeli iki çizgi grafik (Recharts, ayrı parça olarak yüklenir)
- Kümülatif harcanabilir vs gerçekleşen; 4 grup (+ isteğe bağlı harcanabilir çizgisi)
- Dönem istatistiklerine grup kırılımı (spent_by_group)
- Grafik altında metin özeti, koyu tema uyumlu renkler

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

backend/src/routes/stats.rs

@@ -79,6 +79,8 @@ struct PeriodStatDto {
     spendable: i64,
     #[ts(type = "number")]
     spent: i64,
+    /// Harcanan, gruplara göre
+    spent_by_group: GroupAmounts,
     /// Kapanmamışsa `null`
     #[ts(type = "number | null")]
     to_savings: Option<i64>,
@@ -105,6 +107,7 @@ pub async fn periods(
                     status: x.period.status,
                     spendable: x.spendable,
                     spent: x.spent,
+                    spent_by_group: x.spent_by_group.into(),
                     to_savings: x.period.to_savings,
                 }
             })