feat: taux de géoloc réel par frame + DU + périodeSélecteur + autoplay anim

- Affiche l'équivalent en DU pour le volume total et la moyenne par tx
- Taux de géolocalisation réel par frame d'animation (via allTimestamps)
- Sélecteur de période personnalisée inline à côté des boutons 24h/7j/30j
- Clic sur Animer lance la lecture automatique à vitesse ×1

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/services/DataService.ts

@@ -46,11 +46,12 @@ async function fetchLiveTransactions(periodDays: number): Promise<{
   geolocated: Transaction[];
   totalCount: number;
   totalVolume: number;
+  allTimestamps: number[];
 }> {
   // ~400 tx/jour sur le réseau Ğ1v2 → marge ×1.5 arrondie, minimum 2000
   const limit = Math.max(2000, Math.ceil(periodDays * 600));
   const { transfers: rawTransfers, totalCount } = await fetchTransfers(periodDays, limit);
-  if (rawTransfers.length === 0) return { geolocated: [], totalCount: 0, totalVolume: 0 };
+  if (rawTransfers.length === 0) return { geolocated: [], totalCount: 0, totalVolume: 0, allTimestamps: [] };
 
   const totalVolume = rawTransfers.reduce((s, t) => s + t.amount, 0);
 
@@ -99,7 +100,7 @@ async function fetchLiveTransactions(periodDays: number): Promise<{
     });
   }
 
-  return { geolocated, totalCount, totalVolume };
+  return { geolocated, totalCount, totalVolume, allTimestamps: rawTransfers.map((t) => t.timestamp) };
 }
 
 // ---------------------------------------------------------------------------
@@ -113,10 +114,11 @@ export interface PeriodStats {
 }
 
 export interface DataResult {
-  transactions: Transaction[];  // uniquement géolocalisées → heatmap
-  stats:  PeriodStats;
-  source: 'live' | 'mock';
-  currentUD: number; // valeur du DU courant en Ğ1
+  transactions:  Transaction[];  // uniquement géolocalisées → heatmap
+  stats:         PeriodStats;
+  source:        'live' | 'mock';
+  currentUD:     number;         // valeur du DU courant en Ğ1
+  allTimestamps: number[];       // timestamps de TOUS les transfers (géo + non-géo)
 }
 
 export async function fetchData(periodDays: number): Promise<DataResult> {
@@ -129,10 +131,11 @@ export async function fetchData(periodDays: number): Promise<DataResult> {
       stats: { ...base, geoCount: transactions.length },
       source: 'mock',
       currentUD: 11.78,
+      allTimestamps: transactions.map((t) => t.timestamp),
     };
   }
 
-  const [{ geolocated, totalCount, totalVolume }, currentUD] = await Promise.all([
+  const [{ geolocated, totalCount, totalVolume, allTimestamps }, currentUD] = await Promise.all([
     fetchLiveTransactions(periodDays),
     getCurrentUD(),
   ]);
@@ -148,5 +151,6 @@ export async function fetchData(periodDays: number): Promise<DataResult> {
     },
     source: 'live',
     currentUD,
+    allTimestamps,
   };
 }