i18n(fr): update troubleshooting.mdx & recipes/sharing-state.mdx (#14236)

Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>

Author: ArmandPhilippot

src/content/docs/fr/guides/troubleshooting.mdx

@@ -40,8 +40,8 @@ Ce composant permet d'inspecter des valeurs du côté client, sans JavaScript. I
 
 ```astro {2,7}
 ---
-import { Debug } from 'astro/components';
-const sum = (a, b) => a + b;
+import { Debug } from "astro:components";
+const sum = (a: any, b: any) => a + b;
 ---
 
 <!-- Exemple : Affiche {answer: 6} dans le navigateur -->
@@ -52,13 +52,13 @@ Le composant Debug prend en charge une variété d'options syntaxiques pour un d
 
 ```astro {2,7-9}
 ---
-import { Debug } from 'astro/components';
-const sum = (a, b) => a + b;
+import { Debug } from "astro:components";
+const sum = (a: any, b: any) => a + b;
 const answer = sum(2, 4);
 ---
 <!-- Exemple : Les trois exemples sont équivalents. -->
 <Debug answer={sum(2, 4)} />
-<Debug {...{answer: sum(2, 4)}} />
+<Debug {...{ answer: sum(2, 4) }} />
 <Debug {answer} />
 ```
 

src/content/docs/fr/recipes/sharing-state.mdx

@@ -50,34 +50,37 @@ Lors de la création d'un site web Astro, il se peut que vous deviez partager l'
 
     ```astro title="src/components/Button.astro"
     <button id="openDialog">Ouvrir</button>
-  
+
     <script>
-      import { isOpen } from '../store.js';
-      
+      import { isOpen } from "../store.js";
+
       // Définir le magasin sur true lorsque le bouton est cliqué
       function openDialog() {
         isOpen.set(true);
       }
-  
+
       // Ajouter un écouteur d'événement au bouton
-      document.getElementById('openDialog').addEventListener('click', openDialog);
+      document.getElementById("openDialog")?.addEventListener("click", openDialog);
     </script>
     ```
 
     ```astro title="src/components/Dialog.astro"
-    <div id="dialog" style="display: hidden">Hello world!</div>
-  
+    <div id="dialog" style="display: none">Hello world!</div>
+
     <script>
-      import { isOpen } from '../store.js';
-  
-      // Écouter les changements dans le magasin et afficher/masquer le dialogue en conséquence    
-      isOpen.subscribe(open => {
-        if (open) {
-          document.getElementById('dialog').style.display = 'block';
-        } else {
-          document.getElementById('dialog').style.display = 'none';
+      import { isOpen } from "../store.js";
+
+      const dialog = document.getElementById("dialog");
+      // Écouter les changements dans le magasin et afficher/masquer le dialogue en conséquence
+      isOpen.subscribe((open) => {
+        if (dialog) {
+          if (open) {
+            dialog.style.display = "block";
+          } else {
+            dialog.style.display = "none";
+          }
         }
-      })
+      });
     </script>
     ```
 </Steps>