clarify instructions

src/components/Header.svelte

@@ -1,3 +1,5 @@
 <header class="mt-6 flex flex-wrap justify-center">
+  <a href="https://gugara.bitcointxoko.com">
     <img src="./logo.png" class="h-12" alt="logo" />
+  </a>
 </header>

src/components/Instructions.svelte

@@ -1,4 +1,7 @@
 <script>
+  //   import Showdown from "showdown";
+  //   let converter = new Showdown.converter();
+
   let instructions = [
     {
       name: "Abrir la billetera",
@@ -6,14 +9,13 @@
         "Abre una billetera Lightning que soporta LNURL. Sugerencia: Tu billetera Bitcoin Txoko LNbits funciona muy bien.",
     },
     {
-            name: "Escanear código QR",
+      name: "Obtener un enlace de pago",
       description:
-                "Escanea el código QR desde tu billetera o púlsalo para abrirlo en tu billetera. También puedes copiar la dirección Lightning y pegarla en tu billetera.",
+        "En móvil: Pulsa el código QR para abrirlo en tu billetera compatible. O escanéalo con tu billetera si el código QR está en otro dispositivo. \n\nEn ordenador: Si tienes Alby instalado, haz clic en el código QR para abrir el enlace de pago. \n\nSi los métodos anteriores no funcionan, también puedes copiar la dirección Lightning y pegarla en tu billetera.",
     },
     {
       name: "Enviar sats",
-            description:
-                "Establece una cantidad a enviar y pulsa enviar.",
+      description: "Establece una cantidad a enviar y pulsa enviar.",
     },
     {
       name: "Comprobar el saldo",
@@ -23,13 +25,16 @@
   ];
 </script>
 
-<div class="m-6 p-2 sm:p-4 md:p-6 rounded-2xl border border-solid hover:border-bright bg-white font-mono max-w-lg">
+<div
+  class="m-6 p-2 sm:p-4 md:p-6 rounded-2xl border border-solid hover:border-bright bg-white font-mono max-w-lg"
+>
   <div class="text-muted-bright mx-2 justify-center">
     <h2 class="font-bold text-xl text-center">Instrucciones</h2>
     {#each instructions as instruction, index}
       <div class="my-2">
-                <h3 class="text-md font-semibold">{index+1}. {instruction.name}</h3>
-                <p class="mx-2 mt">{instruction.description}</p>
+        <h3 class="text-md font-semibold">{index + 1}. {instruction.name}</h3>
+        <pre class="mx-2 mt whitespace-pre-wrap">{instruction.description}
+        </pre>
       </div>
     {/each}
   </div>