feat: handling SSR on home page

components/home/radar-section.tsx

@@ -0,0 +1,27 @@
+import { SkillsRadarChart } from "@/components/radar-chart";
+
+interface RadarSectionProps {
+  radarData: Array<{
+    category: string;
+    score: number;
+    maxScore: number;
+  }>;
+}
+
+export function RadarSection({ radarData }: RadarSectionProps) {
+  return (
+    <div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6">
+      <div className="mb-6">
+        <h3 className="text-xl font-bold text-white mb-2">
+          Vue d'ensemble de vos compétences
+        </h3>
+        <p className="text-slate-400 text-sm">
+          Radar chart représentant votre niveau par catégorie
+        </p>
+      </div>
+      <div className="h-80">
+        <SkillsRadarChart data={radarData} />
+      </div>
+    </div>
+  );
+}