i18n(fr): Update guides/overriding-components.mdx in MDX format and…

… with <Steps> (#1655)

Co-authored-by: HiDeoo <[email protected]>
Co-authored-by: liruifengv <[email protected]>

docs/src/content/docs/fr/guides/overriding-components.md → docs/src/content/docs/fr/guides/overriding-components.mdx

@@ -3,6 +3,8 @@ title: Redéfinition de composants
 description: Apprenez à redéfinir les composants intégrés à Starlight pour ajouter des éléments personnalisés à l’interface utilisateur de votre site de documentation.
 ---
 
+import { Steps } from '@astrojs/starlight/components';
+
 L'interface utilisateur et les options de configuration par défaut de Starlight sont conçues pour être flexibles et fonctionner pour une variété de contenus. Une grande partie de l'apparence par défaut de Starlight peut être personnalisée grâce au [CSS](/fr/guides/css-and-tailwind/) et aux [options de configuration](/fr/guides/customization/).
 
 Quand vos besoins dépassent ce qui est possible de base, Starlight supporte la création de vos propres composants personnalisés pour étendre ou redéfinir (remplacer complètement) ses composants par défaut.
@@ -17,6 +19,8 @@ Redéfinir les composants par défaut de Starlight peut être utile lorsque :
 
 ## Comment redéfinir
 
+<Steps>
+
 1. Choisissez le composant de Starlight que vous souhaitez redéfinir.
    Vous pouvez trouver une liste complète des composants dans la [référence des redéfinitions](/fr/reference/overrides/).
 
@@ -54,6 +58,8 @@ Redéfinir les composants par défaut de Starlight peut être utile lorsque :
    });
    ```
 
+</Steps>
+
 ## Réutiliser un composant intégré
 
 Vous pouvez utiliser avec les composants par défaut de Starlight comme vous le feriez avec les vôtres : en les important et en les affichant dans vos propres composants personnalisés. Cela vous permet de conserver toute l'interface utilisateur de base de Starlight dans votre design, tout en ajoutant des éléments supplémentaires à côté.