Fix the issue related to the copy button in code blocks

Author: vejol

src/content/0/en/part0b.md

@@ -280,7 +280,7 @@ The mechanism of invoking event handlers is very common in JavaScript. Event han
 
 We can think of HTML pages as implicit tree structures.
 
-<pre>
+```
 html
   head
     link
@@ -296,7 +296,7 @@ html
       form
         input
         input
-</pre>
+```
 
 The same treelike structure can be seen on the console's <i>Elements</i> tab.
 

src/content/0/es/part0b.md

@@ -280,7 +280,7 @@ El mecanismo de invocación de controladores de eventos es muy común en JavaScr
 
 Podemos pensar en las páginas HTML como estructuras de árbol implícitas.
 
-<pre>
+```
 html
   head
     link
@@ -296,7 +296,7 @@ html
       form
         input
         input
-</pre>
+```
 
 La misma estructura arbórea se puede ver en la pestaña de la consola <i>Elements (Elementos)</i>.
 

src/content/0/fi/osa0b.md

@@ -278,7 +278,7 @@ Tapahtumankäsittelijöihin liittyvä mekanismi koodin suorittamiseen on JavaScr
 
 Voimme ajatella, että HTML-sivut muodostavat implisiittisen puurakenteen
 
-<pre>
+```
 html
   head
     link
@@ -294,7 +294,7 @@ html
       form
         input
         input
-</pre>
+```
 
 Sama puumaisuus on nähtävissä konsolin välilehdellä </i>Elements</i>:
 

src/content/0/fr/part0b.md

@@ -275,7 +275,7 @@ Ce mécanisme consistant à appeler des gestionnaires d'événements est très c
 
 Nous pouvons considérer les pages HTML comme des arborescences implicites.
 
-<pre>
+```
 html
   head
     link
@@ -291,7 +291,7 @@ html
       form
         input
         input
-</pre>
+```
 
 La même structure arborescente peut être vue sur l'onglet <i>Éléments</i> de la console.
 

src/content/0/ptbr/part0b.md

@@ -280,7 +280,7 @@ O mecanismo de chamada de gerenciadores de eventos é muito comum em JavaScript.
 
 Podemos pensar em páginas HTML como estruturas implícitas de uma árvore.
 
-<pre>
+```
 html
   head
     link
@@ -296,7 +296,7 @@ html
       form
         input
         input
-</pre>
+```
 
 A mesma estrutura de árvore pode ser vista na guia <i>Elementos</i> do console.
 

src/content/0/zh/part0b.md

@@ -337,7 +337,7 @@ xhttp.onreadystatechange = function() {
 <!-- We can think of HTML-pages as implicit tree structures.-->
 我们可以将 html 页面看作隐式树结构。
 
-<pre>
+```
 html
   head
     link
@@ -353,7 +353,7 @@ html
       form
         input
         input
-</pre>
+```
 <!-- The same treelike structure can be seen on the console tab <i>Elements</i>.-->
 同样的树状结构可以在控制台的<i>Elements元素</i>选项卡上看到。
 

src/content/2/en/part2a.md

@@ -620,15 +620,15 @@ Define a component responsible for formatting a single course called <i>Course</
 
 The component structure of the application can be, for example, the following:
 
-<pre>
+```
 App
   Course
     Header
     Content
       Part
       Part
       ...
-</pre>
+```
 
 Hence, the <i>Course</i> component contains the components defined in the previous part, which are responsible for rendering the course name and its parts.
 

src/content/2/en/part2c.md

@@ -398,12 +398,12 @@ We have also added a few helpful prints, which clarify the progression of the ex
 
 This is printed to the console:
 
-<pre>
+```
 render 0 notes
 effect
 promise fulfilled
 render 3 notes
-</pre>
+```
 
 First, the body of the function defining the component is executed and the component is rendered for the first time. At this point <i>render 0 notes</i> is printed, meaning data hasn't been fetched from the server yet.
 

src/content/2/es/part2a.md

@@ -625,15 +625,15 @@ Define un componente responsable de formatear un solo curso llamado <i>Course</i
 
 La estructura de componentes de la aplicación puede ser, por ejemplo, la siguiente:
 
-<pre>
+```
 App
   Course
     Header
     Content
       Part
       Part
       ...
-</pre>
+```
 
 Por lo tanto, el componente <i>Course</i> contiene los componentes definidos en la parte anterior, que son responsables de renderizar el nombre del curso y sus partes.
 

src/content/2/es/part2c.md

@@ -404,12 +404,12 @@ También hemos agregado algunas impresiones útiles, que aclaran la progresión
 
 Esto se imprime en la consola
 
-<pre>
+```
 render 0 notes
 effect
 promise fulfilled
 render 3 notes
-</pre>
+```
 
 Primero se ejecuta el cuerpo de la función que define el componente y el componente se renderiza por primera vez. En este punto, se imprime <i>render 0 notes</i>, lo que significa que los datos aún no se han obtenido del servidor.