md: Replace tsx by ts for highlightjs support

docs/DevDocs/Pages/Tailwind.md

@@ -27,7 +27,7 @@ Pour positionner le bouton tout en bas il faut modifier le layout de la barre
 
 Voici le layout actuel du composant Bar.
 
-```tsx
+```ts
 // Bar.tsx
 <div className='bar'>
   <BarIcon>(...)</BarIcon>
@@ -71,7 +71,7 @@ On va utiliser la premiere méthode, mais libre à vous la méthode.
 
 Pour ajouter une classe sur React, on utilise le mot-clé `className`. C'est pour ne pas rentrer en conflit avec le mot-clé `class` servant de classe d'objet en JavaScript que ce mot-clé a été choisi.
 
-```tsx
+```ts
 // Bar.tsx
 <div className='bar'>
   <BarIcon>(...)</BarIcon>
@@ -92,7 +92,7 @@ Continuons avec les couleurs avec le curseur. Cette fois ci, on va utiliser Reac
 
 Revenons sur le composant Home définie par un simple bouton :
 
-```tsx
+```ts
 // Home.tsx
 import React from 'react';
 
@@ -115,7 +115,7 @@ Dans ce composant, initialisons la liste des couleurs que l'on veut utiliser. Le
 
 Il nous suffit donc de juste mettre une liste de mots-clés de couleurs :
 
-```tsx
+```ts
 // Home.tsx
 ...
 
@@ -146,7 +146,7 @@ const colors = [
 
 Et d'en sélectionner une au hazard.
 
-```tsx
+```ts
 // Home.tsx
 const colors = [
   ...
@@ -187,7 +187,7 @@ Indice: Cela implique l'utilisation de `state` ;)
 
 Suivons donc l'indice et créons un hook d'état afin de sélectionner la couleur et de pouvoir la changer quand la souris passe dans le composant
 
-```tsx
+```ts
 // Home.tsx
 export function Home({ goHome }: IHomeProps): JSX.Element {
   const defaultIndex = Math.floor(Math.random() * (colors.length - 1));
@@ -209,7 +209,7 @@ export function Home({ goHome }: IHomeProps): JSX.Element {
 
 Ensuite utilisons la propriété `onMouseEnter` pour jeter l'évent.
 
-```tsx
+```ts
 // Home.tsx
 export function Home({ goHome }: IHomeProps): JSX.Element {
   const defaultIndex = Math.floor(Math.random() * (colors.length - 1));