docs: 📝 égaye et homogénéise la doc de DsfrCard

Author: laruiss

src/components/DsfrCard/DsfrCard.md

@@ -1,10 +1,16 @@
 # Carte - `DsfrCard`
 
+## 🌟 Introduction
+
 La carte c'est tout simplement l'indispensable pour agrémenter vos sites et applications d'amuse-bouches esthétiques vers des contenus proposés. Il s'agit d'un composant permettant un aperçu d'une page et un lien vers cette dernière. Elle fait généralement partie d'une liste menant vers des contenus similaires.
 
 La carte existe en trois tailles (LG, MD, SM) et deux formats (horizontal et vertical) déclinés sur deux supports (desktop et mobile), vous trouverez forcément votre bonheur ! Les cartes horizontales sont réservées au desktop (en mobile, une carte horizontale devient verticale).
 
-## Structure
+🏅 La documentation sur la carte sur le [DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/carte)
+
+<VIcon name="vi-file-type-storybook" /> La story sur la carte sur le storybook de [VueDsfr](https://vue-dsfr.netlify.app/?path=/docs/composants-dsfrcard--docs)
+
+## 📐 Structure
 
 Une carte digne de ce nom se compose des éléments suivants :
 
@@ -14,7 +20,7 @@ Une carte digne de ce nom se compose des éléments suivants :
 - une zone destinée à d'éventuels détails (prop **`detail`**, de type `string`).
 - une description (prop **`description`**, de type `string`), de 5 lignes maximum (tronquée au-delà).
 - une icône illustrative (par défaut, une flèche) - optionnelle peut se désactiver (prop **`noArrow`**, de type `boolean`).
-- une zone d’action, composée de boutons (prop **`buttons`**, un tableau d'objets pouvant contenir les props à passer à chaque bouton (cf le composant `DsfrButton` afin de connaître les props à passer)).
+- une zone d’action, composée de boutons (prop **`buttons`**, un tableau d'objets pouvant contenir les props à passer à chaque bouton (cf. le composant [`DsfrButton`](/composants/DsfrButton) afin de connaître les props à passer)).
 - une zone d’action, composée de liens (prop **`linksGroup`**, un tableau d'objets composé de la propriété **`label`** (`string`),et de **`link`** (`string`) s'il s'agit d'un lien interne au site ou à l'application, ou de **`href`** (`string`) s'il s'agit d'un lien externe).
 
 Autres props :
@@ -24,24 +30,24 @@ Autres props :
 - l'orientation de la carte (verticale par défaut) (prop **`horizontal`**, de type `boolean`) pour la basculer à l'horizontal.
 - une variante de carte indiquant que l’évènement de clic lancera un téléchargement (prop **`download`**, de type `boolean`).
 
-## Les props
+## 🛠️ Les props
 
 |  nom                   |   type      |  défaut         | obligatoire        |
 | ---------------------- | ---------   | --------------- | ------------------ |
 | `altImg`               | *`string`*  | `''`            |                    |
 | `buttons`              | *`object`*  | `[]`            |                    |
 | `detail`               | *`string`*  | `''`            |                    |
-| `description`          | *`string`*  | `''`            | :white_check_mark: |
+| `description`          | *`string`*  |                 | ✅                 |
 | `download`             | *`boolean`* | `false`         |                    |
 | `horizontal`           | *`boolean`* | `false`         |                    |
 | `imgSrc`               | *`string`*  | `''`            |                    |
 | `link`                 | *`string`*  | `''`            |                    |
 | `linksGroup`           | *`object`*  | `[]`            |                    |
 | `size`                 | *`string`*  | `'md'`          |                    |
-| `title`                | *`string`*  | `''`            | :white_check_mark: |
+| `title`                | *`string`*  |                 | ✅                 |
 | `titleTag`             | [*`TitleTag`*](/docs/types.md#title-tag "'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6'") | `'h3'`          |          |
 
-## Un exemple complet
+## 📝 Un exemple complet
 
 <Story data-title="Démo" min-h="530px">
   <DsfrCardDemo />
@@ -51,4 +57,4 @@ Autres props :
 
 <script setup lang="ts">
 import DsfrCardDemo from './docs-demo/DsfrCardDemo.vue'
-</script>
+</script>