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

docs/conception/04-specifications-ui.md

@@ -44,10 +44,10 @@ Rendre les liens actifs en `font-semibold` et inactifs en `text-muted` (page cou
 
 ## 3. Panneau latéral gauche
 
-### 3.1 `CvTabs` — onglets 1 à 5
+### 3.1 `CvTabs` — onglets 1 à 6
 
 - Basé sur la primitive `ui/Tabs` : `role="tablist"`, boutons `role="tab"`, `aria-selected`, `role="tabpanel"`.
-- Affichage : barre de 5 boutons horizontaux, libellé = `numéro + label` (`1 · Accroche`, `2 · État civil`, …).
+- Affichage : barre de 6 boutons horizontaux, libellé = `numéro + label` (`1 · Accroche`, `2 · État civil`, …).
 - Onglet actif : fond `accent`, texte blanc ; inactifs : bordure `border` + texte `muted`.
 - **Contenu piloté par le parent** (`activeTab` dans `CvInputPanel`) : un seul `MarkdownTextarea` monté pour l'onglet actif. Le texte de l'onglet actif est le `value` contrôlé.
 
@@ -64,7 +64,7 @@ Rendre les liens actifs en `font-semibold` et inactifs en `text-muted` (page cou
 
 Composition :
 - **En-tête** : titre « Expériences » + bouton **＋** (`ui/Button`, variante `primary`) → prépare une nouvelle expérience (zones titre/contenu vidées, focus du formulaire).
-- **Formulaire** : deux champs — `titre` (input texte) + `contenu` (textarea Markdown, même composant que les zones 1-5). Boutons : **Enregistrer** et **Annuler** (annulation quand modification).
+- **Formulaire** : deux champs — `titre` (input texte) + `contenu` (textarea Markdown, même composant que les zones 1-6). Boutons : **Enregistrer** et **Annuler** (annulation quand modification).
 - **Liste numérotée** : sous le formulaire.
 
 États internes suivants :
@@ -118,13 +118,14 @@ Ratio 1/3–2/3 : `.cv-sheet-body { display:grid; grid-template-columns: 1fr 2fr
 - Rendu Markdown de `data.accroche` (contenu typiquement : nom + poste + accroche).
 - `border-bottom` de séparation avec le corps de feuille.
 
-### 4.3 `CvLeftColumn` (sections 2 à 5, 1/3)
+### 4.3 `CvLeftColumn` (sections 2 à 6, 1/3)
 
 Section générique `CvSection` :
 
 ```tsx
 <CvSection title="État civil" html={htmlEtatCivil} />
 <CvSection title="Formations" html={htmlFormations} />
+<CvSection title="Compétences" html={htmlCompetences} />
 <CvSection title="Soft skills" html={htmlSoftSkills} />
 <CvSection title="Centres d'intérêt" html={htmlCentresInteret} />
 ```