feat: add CountryHistogram and AnalyticsMap components and update build script to use legacy-peer-deps

admin/src/components/CountryHistogram.tsx

@@ -19,6 +19,12 @@ interface CountryHistogramProps {
 }
 
 export default function CountryHistogram({ data, title }: CountryHistogramProps) {
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+
   // Take top 10 for readability
   const chartData = data.slice(0, 10).map(item => ({
     name: item.country || 'Inconnu',
@@ -32,8 +38,11 @@ export default function CountryHistogram({ data, title }: CountryHistogramProps)
         {title}
       </h2>
       
-      <div className="h-[400px] w-full">
-        <ResponsiveContainer width="100%" height="100%">
+      <div className="h-[400px] w-full flex items-center justify-center">
+        {!mounted ? (
+          <p className="text-slate-500 text-xs font-bold uppercase tracking-widest animate-pulse">Chargement du graphique...</p>
+        ) : (
+          <ResponsiveContainer width="100%" height="100%">
           <BarChart
             data={chartData}
             margin={{
@@ -91,6 +100,7 @@ export default function CountryHistogram({ data, title }: CountryHistogramProps)
             />
           </BarChart>
         </ResponsiveContainer>
+        )}
       </div>
     </div>
   );