feat: ajouter la section Compétences (6e bloc)

components/cv/CvInputPanel.tsx

@@ -12,6 +12,8 @@ const PLACEHOLDERS: Record<CVTabId, string> = {
     "**Jean Dupont**\n- jean.dupont@email.fr\n- 06 12 34 56 78\n- [Site web](https://mon-site.fr)\n- [GitHub](https://github.com/jean-dupont)",
   formations:
     "### Master Informatique\nUniversité — 2020\n\n### Licence Informatique\nUniversité — 2018",
+  competences:
+    "- JavaScript / TypeScript\n- React / Next.js\n- Node.js\n- SQL",
   softSkills:
     "- Esprit d'équipe\n- Autonomie\n- Curiosité technique",
   centresInteret:

components/cv/CvLeftColumn.tsx

@@ -3,6 +3,7 @@ import { CvSection } from "@/components/cv/CvSection";
 interface CvLeftColumnProps {
   etatCivilHtml: string;
   formationsHtml: string;
+  competencesHtml: string;
   softSkillsHtml: string;
   centresInteretHtml: string;
 }
@@ -10,6 +11,7 @@ interface CvLeftColumnProps {
 export function CvLeftColumn({
   etatCivilHtml,
   formationsHtml,
+  competencesHtml,
   softSkillsHtml,
   centresInteretHtml,
 }: CvLeftColumnProps) {
@@ -17,6 +19,7 @@ export function CvLeftColumn({
     <aside>
       <CvSection title="État civil" html={etatCivilHtml} />
       <CvSection title="Formations" html={formationsHtml} />
+      <CvSection title="Compétences" html={competencesHtml} />
       <CvSection title="Soft skills" html={softSkillsHtml} />
       <CvSection title="Centres d'intérêt" html={centresInteretHtml} />
     </aside>

components/cv/CvPreview.tsx

@@ -12,6 +12,10 @@ export function CvPreview({ data }: { data: CVCareerData }) {
   const accrocheHtml = useMemo(() => markdownToHtml(data.accroche), [data.accroche]);
   const etatCivilHtml = useMemo(() => markdownToHtml(data.etatCivil), [data.etatCivil]);
   const formationsHtml = useMemo(() => markdownToHtml(data.formations), [data.formations]);
+  const competencesHtml = useMemo(
+    () => markdownToHtml(data.competences),
+    [data.competences],
+  );
   const softSkillsHtml = useMemo(() => markdownToHtml(data.softSkills), [data.softSkills]);
   const centresInteretHtml = useMemo(
     () => markdownToHtml(data.centresInteret),
@@ -34,6 +38,7 @@ export function CvPreview({ data }: { data: CVCareerData }) {
           <CvLeftColumn
             etatCivilHtml={etatCivilHtml}
             formationsHtml={formationsHtml}
+            competencesHtml={competencesHtml}
             softSkillsHtml={softSkillsHtml}
             centresInteretHtml={centresInteretHtml}
           />