docs(locadex): add translations (#2594)

Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>

Author: locadex-agent[bot]

es/components/cards.mdx

@@ -84,11 +84,11 @@ Puedes personalizar el texto de la llamada a la acción y controlar si aparece u
 </Card>
 ```
 
-<div id="grouping-cards">
+<div id="group-cards">
   ## Agrupar tarjetas
 </div>
 
-Usa el [componente Columns](/es/components/columns) para organizar varias tarjetas lado a lado.
+Usa el [componente Columns](/es/components/columns) para organizar varias tarjetas lado a lado. El componente Columns admite entre una y cuatro columnas y se ajusta automáticamente para pantallas más pequeñas.
 
 <Columns cols={2}>
   <Card title="Primera tarjeta" icon="panel-left-close">
@@ -111,6 +111,7 @@ Usa el [componente Columns](/es/components/columns) para organizar varias tarjet
 </Columns>
 ```
 
+
 <div id="properties">
   ## Propiedades
 </div>

es/components/columns.mdx

@@ -4,7 +4,7 @@ description: "Mostrar elementos en paralelo"
 keywords: ['grupos de tarjetas', 'diseño de cuadrícula', 'diseño multicolumna']
 ---
 
-El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con más frecuencia para colocar tarjetas en una cuadrícula, especificando el número de columnas de la cuadrícula.
+El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con más frecuencia para colocar tarjetas en una cuadrícula, especificando el número de columnas de la cuadrícula. Las columnas son adaptables y se ajustan automáticamente en pantallas más pequeñas.
 
 <Columns cols={2}>
   <Card title="Primeros pasos" icon="rocket">
@@ -18,11 +18,11 @@ El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con
 
 ```mdx Columns example
 <Columns cols={2}>
-  <Card title="Comenzar">
-    Configure su proyecto con nuestra guía de inicio rápido.
+  <Card title="Primeros pasos">
+    Configura tu proyecto con nuestra guía de inicio rápido.
   </Card>
-  <Card title="Referencia de API">
-    Explore endpoints, parámetros y ejemplos para su API.
+  <Card title="Referencia de la API">
+    Explora endpoints, parámetros y ejemplos de tu API.
   </Card>
 </Columns>
 ```
@@ -32,6 +32,6 @@ El componente `Columns` te permite agrupar varios componentes `Card`. Se usa con
   ## Propiedades
 </div>
 
-<ResponseField name="cols" default={2}>
-  El número de columnas por fila.
+<ResponseField name="cols" type="number" default={2}>
+  El número de columnas por fila. Acepta valores de 1 a 4.
 </ResponseField>

es/components/mermaid-diagrams.mdx

@@ -49,6 +49,18 @@ Para ver la lista completa de tipos de diagramas compatibles y su sintaxis, cons
 ````
 
 
+<div id="interactive-controls">
+  ## Controles interactivos
+</div>
+
+Todos los diagramas de Mermaid incluyen controles interactivos de zoom y desplazamiento que aparecen en la esquina inferior derecha del diagrama.
+
+- **Acercar/alejar**: Usa los botones de zoom para aumentar o disminuir la escala del diagrama.
+- **Desplazar**: Usa las flechas direccionales para moverte por el diagrama.
+- **Restablecer vista**: Haz clic en el botón de restablecer para volver a la vista original.
+
+Los controles son especialmente útiles para diagramas grandes o complejos que no caben por completo en el área visible.
+
 <div id="syntax">
   ## Sintaxis
 </div>

es/create/redirects.mdx

@@ -72,13 +72,17 @@ Esto redirige `/old/article-123` a `/new/article-123`, manteniendo el valor capt
   ### Evita redirecciones infinitas
 </div>
 
-Para evitar bucles infinitos, el slug de destino no puede ser igual que el slug de origen. Por ejemplo, si tu documentación está alojada en `/docs`, evita lo siguiente:
+Para evitar bucles infinitos, no crees redirecciones circulares en las que las rutas se redirijan unas a otras.
 
 ```json
 "redirects": [
   {
     "source": "/docs/:slug*",
-    "destination": "/:slug*"
+    "destination": "/help/:slug*"
+  },
+  {
+    "source": "/help/:slug*",
+    "destination": "/docs/:slug*"
   }
 ]
 ```

fr/components/cards.mdx

@@ -88,7 +88,7 @@ Vous pouvez personnaliser le texte de l'appel à l'action et contrôler
   ## Regrouper des cartes
 </div>
 
-Utilisez le [composant Columns](/fr/components/columns) pour organiser plusieurs cartes côte à côte.
+Utilisez le [composant Columns](/fr/components/columns) pour organiser plusieurs cartes côte à côte. Le composant Columns prend en charge entre une et quatre colonnes et s’ajuste automatiquement aux écrans plus petits.
 
 <Columns cols={2}>
   <Card title="Première carte" icon="panel-left-close">
@@ -102,15 +102,16 @@ Utilisez le [composant Columns](/fr/components/columns) pour organiser plusieurs
 
 ```mdx Columns example
 <Columns cols={2}>
-  <Card title="Première carte" icon="panel-left-close">
-    Ceci est la première carte.
+  <Card title="First card" icon="panel-left-close">
+    This is the first card.
   </Card>
   <Card title="Deuxième carte" icon="panel-right-close">
     Ceci est la deuxième carte.
   </Card>
 </Columns>
 ```
 
+
 <div id="properties">
   ## Propriétés
 </div>

fr/components/columns.mdx

@@ -4,7 +4,7 @@ description: "Afficher des éléments côte à côte"
 keywords: ['groupes de cartes', 'mise en page en grille', 'mise en page multicolonnes']
 ---
 
-Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il est le plus souvent utilisé pour disposer des cartes en grille, en spécifiant le nombre de colonnes.
+Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il est le plus souvent utilisé pour disposer des cartes en grille, en spécifiant le nombre de colonnes. Les `Columns` sont responsives et s’ajustent automatiquement aux écrans plus petits.
 
 <Columns cols={2}>
   <Card title="Bien démarrer" icon="rocket">
@@ -18,8 +18,8 @@ Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il
 
 ```mdx Columns example
 <Columns cols={2}>
-  <Card title="Commencer">
-    Configurez votre projet avec notre guide de démarrage rapide.
+  <Card title="Get started">
+    Set up your project with our quickstart guide.
   </Card>
   <Card title="Référence API">
     Explorez les points de terminaison, les paramètres et les exemples pour votre API.
@@ -32,6 +32,6 @@ Le composant `Columns` vous permet de regrouper plusieurs composants `Card`. Il
   ## Propriétés
 </div>
 
-<ResponseField name="cols" default={2}>
-  Le nombre de colonnes par ligne.
+<ResponseField name="cols" type="number" default={2}>
+  Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4.
 </ResponseField>

fr/components/mermaid-diagrams.mdx

@@ -49,6 +49,18 @@ Pour la liste complète des types de diagrammes pris en charge et de leur syntax
 ````
 
 
+<div id="interactive-controls">
+  ## Contrôles interactifs
+</div>
+
+Tous les diagrammes Mermaid incluent des contrôles interactifs de zoom et de déplacement qui apparaissent dans le coin inférieur droit du diagramme.
+
+- **Zoom avant/arrière** : Utilisez les boutons de zoom pour augmenter ou diminuer l'échelle du diagramme.
+- **Déplacement** : Utilisez les flèches directionnelles pour vous déplacer dans le diagramme.
+- **Réinitialiser la vue** : Cliquez sur le bouton de réinitialisation pour revenir à la vue initiale.
+
+Les contrôles sont particulièrement utiles pour les grands diagrammes ou les diagrammes complexes qui ne tiennent pas entièrement dans la fenêtre d'affichage.
+
 <div id="syntax">
   ## Syntaxe
 </div>

fr/create/redirects.mdx

@@ -72,13 +72,17 @@ Cela redirige `/old/article-123` vers `/new/article-123`, tout en conservant la
   ### Éviter les redirections infinies
 </div>
 
-Pour éviter les boucles infinies, le slug de destination ne peut pas être identique au slug source. Par exemple, si votre documentation est hébergée sur `/docs`, évitez :
+Pour éviter les boucles infinies, ne créez pas de redirections circulaires dans lesquelles les chemins se renvoient les uns aux autres.
 
 ```json
 "redirects": [
   {
     "source": "/docs/:slug*",
-    "destination": "/:slug*"
+    "destination": "/help/:slug*"
+  },
+  {
+    "source": "/help/:slug*",
+    "destination": "/docs/:slug*"
   }
 ]
 ```