i18n(fr): Update tutorial/* from #12532

src/content/docs/fr/tutorial/3-components/3.mdx

@@ -99,8 +99,8 @@ import Badge from "~/components/Badge.astro"
     ---
     <div id="main-menu" class="nav-links">
       <a href="/">Accueil</a>
-      <a href="/about">À propos</a>
-      <a href="/blog">Blog</a>
+      <a href="/about/">À propos</a>
+      <a href="/blog/">Blog</a>
     </div>
     ```
 

src/content/docs/fr/tutorial/3-components/4.mdx

@@ -129,16 +129,16 @@ Votre en-tête n'est pas encore **interactif** car il ne peut pas réagir aux in
 L'ajout d'une balise `<script>` fournit du JavaScript côté client pour « écouter » un événement utilisateur, puis réagir en conséquence.
 
 <Steps>
-1. Ajoutez la balise `<script>` suivante à `index.astro`, juste avant la balise de fermeture `</body>`.
+1. Ajoutez la balise `<script>` suivante à `index.astro`, en utilisant la prise en charge intégrée de TypeScript par Astro, juste avant la balise de fermeture `</body>`.
 
     ```astro title="src/pages/index.astro" ins={2-9}
       <Footer />
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
       </script>
     </body>
@@ -157,9 +157,9 @@ Au lieu d'écrire votre JavaScript directement sur chaque page, vous pouvez dép
     ```js title="src/scripts/menu.js"
     const menu = document.querySelector('.menu');
 
-    menu.addEventListener('click', () => {
+    menu?.addEventListener('click', () => {
       const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-      menu.setAttribute('aria-expanded', !isExpanded);
+      menu.setAttribute('aria-expanded', `${!isExpanded}`);
     });
     ```
 
@@ -170,9 +170,9 @@ Au lieu d'écrire votre JavaScript directement sur chaque page, vous pouvez dép
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
 
         import "../scripts/menu.js";

src/content/docs/fr/tutorial/5-astro-api/3.mdx

@@ -272,17 +272,15 @@ Suivez les étapes ci-dessous, puis vérifiez votre travail en le comparant à l
 
 1. Copiez `<div class="tags">...</div>` et `<style>...</style>` depuis `src/pages/tags/index.astro` et réutilisez-les à l'intérieur de `MarkdownPostLayout.astro` :
 
-    ```astro title="src/layouts/MarkdownPostLayout.astro" ins={13-17, 21-40}
+    ```astro title="src/layouts/MarkdownPostLayout.astro" ins={11-15, 19-37}
     ---
     import BaseLayout from './BaseLayout.astro';
     const { frontmatter } = Astro.props;
     --- 
     <BaseLayout pageTitle={frontmatter.title}>
-      <p><em>{frontmatter.description}</em></p>
       <p>{frontmatter.pubDate.toString().slice(0,10)}</p>
-
+      <p><em>{frontmatter.description}</em></p>
       <p>Écrit par : {frontmatter.author}</p>
-
       <img src={frontmatter.image.url} width="300" alt={frontmatter.image.alt} /> 
 
       <div class="tags">

src/content/docs/fr/tutorial/6-islands/3.mdx

@@ -18,21 +18,25 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components';
 
 Il reste une dernière modification à apporter...
 
-```astro title="src/pages/about.astro" del={5} ins={6}
+```astro title="src/pages/about.astro" del={15} ins={16}
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
 const pageTitle = "À propos de moi";
-const happy = true;
-const finished = false;
-const finished = true;
-const goal = 3;
+
 const identity = {
   firstName: "Sarah",
   country: "Canada",
   occupation: "Rédactrice technique",
   hobbies: ["photographie", "observation des oiseaux", "baseball"],
 };
+
 const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Rédaction de documentation"];
+
+const happy = true;
+const finished = false;
+const finished = true;
+const goal = 3;
+
 const skillColor = "crimson";
 const fontWeight = "bold";
 const textCase = "uppercase";