formatting

22 files changed, 92 insertions, 136 deletions

diff --git a/src/components/About.svelte b/src/components/About.svelte
index dbcf7854..874ec8db 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -25,9 +25,7 @@
 
 <div class="flex justify-center">
   <div class="container space-y-10">
-    <h3 class="text-5xl font-medium text-center">
-      {$t("about.team.header")}
-    </h3>
+    <h3 class="text-5xl font-medium text-center">{$t("about.team.header")}</h3>
     <div class="space-y-10 2xl:space-y-0 2xl:grid gap-y-10 grid-cols-2">
       {#each team as member}
         <div class="flex w-full">
@@ -36,19 +34,19 @@
               <Image image={member.name} style="rounded-full mx-auto w-40 h-40 mb-5 object-cover" />
 
               <div class="space-y-2">
-                <span class="text-2xl text-center font-semibold block"
-                  >{$t(`about.team.${member.name}.name`)}</span
-                >
-                <span class="text-xl text-center text-secondary block"
-                  >{$t(`about.team.${member.name}.position`)}</span
-                >
+                <span class="text-2xl text-center font-semibold block">
+                  {$t(`about.team.${member.name}.name`)}
+                </span>
+                <span class="text-xl text-center text-secondary block">
+                  {$t(`about.team.${member.name}.position`)}
+                </span>
               </div>
 
               <div class="mt-2 flex justify-center items-center space-x-5">
                 {#each member.socials as { alt, src, url }}
-                  <a href={url} class={`rounded-full p-2 hover:opacity-80`}
-                    ><img {src} {alt} class="w-8" /></a
-                  >
+                  <a href={url} class={`rounded-full p-2 hover:opacity-80`}>
+                    <img {src} {alt} class="w-8" />
+                  </a>
                 {/each}
               </div>
             </div>
@@ -63,9 +61,7 @@
 </div>
 
 <div>
-  <h3 class="text-5xl font-medium mb-5 text-center">
-    {$t("about.locations.header")}
-  </h3>
+  <h3 class="text-5xl font-medium mb-5 text-center">{$t("about.locations.header")}</h3>
   <p class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10">
     {@html $t("about.locations.description")}
   </p>
diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 88b944b3..55766512 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -155,9 +155,7 @@
       <button class="btn !w-auto flex-1 !bg-base-300" data-testid="account-receive">
         <iconify-icon noobserver icon="ph:hand-coins-bold" width="32" flip="horizontal"
         ></iconify-icon>
-        <div class="my-auto hidden sm:block">
-          {$t("user.dashboard.receive")}
-        </div>
+        <div class="my-auto hidden sm:block">{$t("user.dashboard.receive")}</div>
       </button>
     </a>
 
diff --git a/src/components/AmountField.svelte b/src/components/AmountField.svelte
index b5c4261e..56b98d49 100644
--- a/src/components/AmountField.svelte
+++ b/src/components/AmountField.svelte
@@ -51,9 +51,7 @@
 {#if setting}
   <div class="fixed bg-base-100/90 inset-0 overflow-y-auto h-full w-full z-50 max-w-lg mx-auto">
     <div class="relative p-5 border shadow-lg rounded-md bg-base-100 space-y-5">
-      <h1 class="text-center text-2xl font-semibold">
-        {label}
-      </h1>
+      <h1 class="text-center text-2xl font-semibold">{label}</h1>
       <Numpad bind:amount {currency} {rate} bind:submit={done} bind:element={numpad} />
 
       <button bind:this={done} type="button" onclick={set} class="btn">Ok</button>
diff --git a/src/components/AppForm.svelte b/src/components/AppForm.svelte
index 2fedca47..cca4844b 100644
--- a/src/components/AppForm.svelte
+++ b/src/components/AppForm.svelte
@@ -142,8 +142,8 @@
     {#if pubkey}
       <button type="button" class="btn" onclick={del}>
         <iconify-icon icon="ph:trash-bold" width="32"></iconify-icon>
-        {$t("accounts.delete")}</button
-      >
+        {$t("accounts.delete")}
+      </button>
     {/if}
   </div>
 </form>
diff --git a/src/components/Check.svelte b/src/components/Check.svelte
index 222c4dea..e20bde34 100644
--- a/src/components/Check.svelte
+++ b/src/components/Check.svelte
@@ -3,9 +3,10 @@
   fill="currentColor"
   viewBox="0 0 20 20"
   xmlns="http://www.w3.org/2000/svg"
-  ><path
+>
+  <path
     fill-rule="evenodd"
     d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
     clip-rule="evenodd"
-  /></svg
->
+  />
+</svg>
diff --git a/src/components/FaqCard.svelte b/src/components/FaqCard.svelte
index c1739495..d92926e3 100644
--- a/src/components/FaqCard.svelte
+++ b/src/components/FaqCard.svelte
@@ -14,7 +14,5 @@
 
 <div class="mx-auto w-full md:w-2/3 lg:w-[700px] space-y-5">
   <p class="text-2xl font-medium">{$t("faq." + questionID + ".question")}</p>
-  <p class="text-secondary text-xl font-medium">
-    {$t("faq." + questionID + ".answer")}
-  </p>
+  <p class="text-secondary text-xl font-medium">{$t("faq." + questionID + ".answer")}</p>
 </div>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index 5bf7b461..8e80151c 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -28,9 +28,7 @@
     <div class="flex gap-2 justify-center sm:hidden">
       <div>
         <a href="/register">
-          <button class="btn">
-            {$t("nav.startInSeconds")}
-          </button>
+          <button class="btn">{$t("nav.startInSeconds")}</button>
         </a>
       </div>
     </div>
@@ -45,9 +43,9 @@
     <ul class="mt-5 text-secondary space-y-3 font-medium">
       {#each followLinks as link}
         <li>
-          <a href={link.url} target="_blank" rel="noreferrer" class="hover:opacity-80"
-            >{$t("footer." + link.titleID)}</a
-          >
+          <a href={link.url} target="_blank" rel="noreferrer" class="hover:opacity-80">
+            {$t("footer." + link.titleID)}
+          </a>
         </li>
       {/each}
     </ul>
diff --git a/src/components/InvoiceActions.svelte b/src/components/InvoiceActions.svelte
index c6ae7249..5b2cc90b 100644
--- a/src/components/InvoiceActions.svelte
+++ b/src/components/InvoiceActions.svelte
@@ -62,18 +62,14 @@
 
     <button class="btn grow !w-auto" onclick={toggleMemo}>
       <iconify-icon noobserver icon="ph:chat-centered-text-bold" width="32"></iconify-icon>
-      <div class="my-auto">
-        {t("invoice.setMemo")}
-      </div>
+      <div class="my-auto">{t("invoice.setMemo")}</div>
     </button>
   </div>
 
   <div class="flex flex-wrap gap-2 justify-around text-secondary w-full">
     <button type="button" class="btn !w-auto grow" onclick={() => copy(txt)}>
       <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
-      <div class="my-auto">
-        {t("payments.copy")}
-      </div>
+      <div class="my-auto">{t("payments.copy")}</div>
     </button>
 
     <button class="btn grow !w-auto" onclick={() => goto("/receive")}>
@@ -95,10 +91,8 @@
         {:else}
           <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
         {/if}
-        <div class="my-auto">
-          {showQr ? t("payments.showText") : t("payments.showQr")}
-        </div></button
-      >
+        <div class="my-auto">{showQr ? t("payments.showText") : t("payments.showQr")}</div>
+      </button>
     </div>
   {/if}
 
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte
index 142755f0..64f0f4d9 100644
--- a/src/components/InvoiceData.svelte
+++ b/src/components/InvoiceData.svelte
@@ -43,8 +43,8 @@
     <div>
       <div class="my-auto text-xl text-center text-secondary">
         {t("payments.onlyLbtc")}
-        <span class="text-teal-500 font-bold">L-BTC</span> &mdash;
-        {t("payments.dontDeposit")}
+        <span class="text-teal-500 font-bold">L-BTC</span>
+        &mdash; {t("payments.dontDeposit")}
       </div>
     </div>
   </div>
@@ -67,17 +67,11 @@
   {@const itemTotal = i.price * i.quantity}
   <div class="grid grid-cols-12 text-xl">
     <div class="col-span-1 my-auto">{i.quantity}</div>
-    <div class="mr-auto grow col-span-7 my-auto">
-      {i.name}
-    </div>
+    <div class="mr-auto grow col-span-7 my-auto">{i.name}</div>
     {#if $fiat}
-      <div class="col-span-4 font-semibold text-right my-auto">
-        {f(itemTotal, currency)}
-      </div>
+      <div class="col-span-4 font-semibold text-right my-auto">{f(itemTotal, currency)}</div>
     {:else}
-      <div class="col-span-4 font-semibold text-right my-auto">
-        {sat(btc(itemTotal, rate))}
-      </div>
+      <div class="col-span-4 font-semibold text-right my-auto">{sat(btc(itemTotal, rate))}</div>
     {/if}
   </div>
 {/each}
diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte
index cfde1285..b3c430a2 100644
--- a/src/components/InvoiceTypes.svelte
+++ b/src/components/InvoiceTypes.svelte
@@ -60,7 +60,7 @@
       class:bg-base-300={type === types.lightning && $page.url.pathname.includes("/receive")}
       class:text-secondary={type === types.lightning && $page.url.pathname.includes("/receive")}
       class:hidden={activeOnly &&
-        (type !== types.lightning || !$page.url.pathname.includes("/receive"))}
+      (type !== types.lightning || !$page.url.pathname.includes("/receive"))}
       onclick={() => {
         if (activeOnly) toggleType();
         else {
@@ -99,7 +99,7 @@
       class:bg-base-300={type === types.lightning && !$page.url.pathname.includes("/receive")}
       class:text-secondary={type === types.lightning && !$page.url.pathname.includes("/receive")}
       class:hidden={activeOnly &&
-        (type !== types.lightning || $page.url.pathname.includes("/receive"))}
+      (type !== types.lightning || $page.url.pathname.includes("/receive"))}
       onclick={() => {
         if (activeOnly) toggleType();
         else {
@@ -147,8 +147,6 @@
   <div></div>
   <button type="button" class="btn" onclick={toggleType}>
     <iconify-icon noobserver icon="ph:x-bold" width="32"></iconify-icon>
-    <div class="my-auto">
-      {t("payments.cancel")}
-    </div>
+    <div class="my-auto">{t("payments.cancel")}</div>
   </button>
 {/if}
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 9d8b92cf..1bce2ce2 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -33,22 +33,22 @@
     <!-- desktop nav -->
     <div class="hidden space-x-5 lg:flex justify-center items-center font-bold">
       {#if $page.url.pathname === "/"}
-        <button class="hover:opacity-80" onclick={() => scroll(howItWorks)}
-          >{$t("howItWorks.header")}</button
-        >
+        <button class="hover:opacity-80" onclick={() => scroll(howItWorks)}>
+          {$t("howItWorks.header")}
+        </button>
         <button class="hover:opacity-80" onclick={() => scroll(faq)}>{$t("faq.header")}</button>
         <button class="hover:opacity-80" onclick={() => scroll(about)}>{$t("about.header")}</button>
       {/if}
       {#if user}
-        <button class="btn !w-auto !rounded-full" onclick={() => goto(`/${user.username}`)}
-          >{$t("nav.home")}
+        <button class="btn !w-auto !rounded-full" onclick={() => goto(`/${user.username}`)}>
+          {$t("nav.home")}
         </button>
         <button class="btn !w-auto !rounded-full" onclick={() => goto("/logout")}>
           {$t("nav.signOut")}
         </button>
       {:else}
-        <button class="btn btn-accent !w-auto !rounded-full" onclick={() => goto("/register")}
-          >{$t("nav.register")}
+        <button class="btn btn-accent !w-auto !rounded-full" onclick={() => goto("/register")}>
+          {$t("nav.register")}
         </button>
         <button class="btn !w-auto !rounded-full" onclick={() => goto("/login")}>
           {$t("nav.signIn")}
@@ -67,31 +67,30 @@
 
     <div
       class="container w-full p-10 lg:hidden absolute top-0 {showMobileMenu
-        ? 'right-0'
-        : 'right-[-100%]'} transition-all ease-in-out duration-300 h-[100vh] w-full bg-base-100"
+      ? 'right-0'
+      : 'right-[-100%]'} transition-all ease-in-out duration-300 h-[100vh] w-full bg-base-100"
     >
       <div class="space-y-5 mt-24 font-bold text-xl">
         <LocaleSelector />
         <DarkToggle />
-        <button onclick={() => mobileMenuButtonClick(howItWorks)} class="block"
-          >{$t("howItWorks.header")}</button
-        >
+        <button onclick={() => mobileMenuButtonClick(howItWorks)} class="block">
+          {$t("howItWorks.header")}
+        </button>
         <button onclick={() => mobileMenuButtonClick(faq)} class="block">{$t("faq.header")}</button>
-        <button onclick={() => mobileMenuButtonClick(about)} class="block"
-          >{$t("about.header")}</button
-        >
+        <button onclick={() => mobileMenuButtonClick(about)} class="block">
+          {$t("about.header")}
+        </button>
         {#if !user}
-          <button class="btn btn-accent" onclick={() => goto("/register")}
-            >{$t("nav.register")}
-          </button>
-          <button class="btn" onclick={() => goto("/login")}>
-            {$t("nav.signIn")}
+          <button class="btn btn-accent" onclick={() => goto("/register")}>
+            {$t("nav.register")}
           </button>
+          <button class="btn" onclick={() => goto("/login")}>{$t("nav.signIn")}</button>
         {:else}
           <button
             class="border rounded-full px-6 py-2 font-bold block"
             onclick={() => goto(`/${user.username}`)}
-            >{$t("nav.account")}
+          >
+            {$t("nav.account")}
           </button>
           <button
             class="bg-primary text-white border rounded-full px-6 py-2 font-bold block"
diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte
index 8b85518c..6052b0c5 100644
--- a/src/components/LandingInfoCard.svelte
+++ b/src/components/LandingInfoCard.svelte
@@ -8,12 +8,10 @@
   <Image
     {image}
     style="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order ===
-      'reverse' && 'order-last'}"
+    'reverse' && 'order-last'}"
   />
   <div class="w-full lg:w-1/2 max-w-3xl space-y-10 mx-auto lg:mx-0">
-    <h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]">
-      {title}
-    </h3>
+    <h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]">{title}</h3>
     <p class="text-secondary text-xl font-medium w-full md:w-[500px] mx-auto lg:mx-0">
       {#if description}
         {description}
diff --git a/src/components/Lnurlp.svelte b/src/components/Lnurlp.svelte
index 360c05db..adb1a781 100644
--- a/src/components/Lnurlp.svelte
+++ b/src/components/Lnurlp.svelte
@@ -31,9 +31,7 @@
   </div>
 
   {#if form?.error}
-    <div class="text-red-600 text-center mb-5">
-      {form.error}
-    </div>
+    <div class="text-red-600 text-center mb-5">{form.error}</div>
   {/if}
 
   <Numpad bind:amount {rate} {currency} bind:submit={send} />
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte
index 9b374fcd..38d103bd 100644
--- a/src/components/Lnurlw.svelte
+++ b/src/components/Lnurlw.svelte
@@ -31,16 +31,12 @@
 <div class="container px-4 mt-20 max-w-xl mx-auto">
   <div class="text-center mb-8">
     <div>
-      <h1 class="text-3xl md:text-4xl font-semibold mb-2">
-        {defaultDescription}
-      </h1>
+      <h1 class="text-3xl md:text-4xl font-semibold mb-2">{defaultDescription}</h1>
     </div>
   </div>
 
   {#if form?.error}
-    <div class="text-red-600 text-center mb-5">
-      {form.error}
-    </div>
+    <div class="text-red-600 text-center mb-5">{form.error}</div>
   {/if}
 
   {#if minWithdrawable === maxWithdrawable}
@@ -74,12 +70,13 @@
           onclick={setMax}
           disabled={submitting}
           onkeydown={setMax}
-          >{#if $fiat}
+        >
+          {#if $fiat}
             Max {f((Math.floor(maxWithdrawable / 1000) * rate) / sats, currency)}
           {:else}
             Max ⚡️{s(Math.floor(maxWithdrawable / 1000))}
-          {/if}</button
-        >
+          {/if}
+        </button>
       {/if}
 
       <button use:focus bind:this={submit} type="submit" class="btn btn-accent !w-auto grow">
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index 23da473e..185a6ae5 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -281,9 +281,7 @@
 
   onDestroy(() => map && map.remove());
   let list = $derived(
-    search
-      ? markers.filter((m) => m.tags.name.toLowerCase().includes(search.toLowerCase()))
-      : inview,
+    search ? markers.filter((m) => m.tags.name.toLowerCase().includes(search.toLowerCase())) : inview,
   );
 </script>
 
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 1c09bd54..8bca1daf 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -60,9 +60,9 @@
         {/each}
       </ul>
       <hr class="my-4" />
-      <a href="/?stay=true" aria-label="Coinos home"
-        ><iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon></a
-      >
+      <a href="/?stay=true" aria-label="Coinos home">
+        <iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon>
+      </a>
     </div>
   </OutClick>
 </div>
diff --git a/src/components/Nostr.svelte b/src/components/Nostr.svelte
index 529dd6e7..f80e36de 100644
--- a/src/components/Nostr.svelte
+++ b/src/components/Nostr.svelte
@@ -130,18 +130,16 @@
                 class="z-10 border-4 border-white"
                 alt="QR"
               />
-              <div class="break-all">
-                {connectUrl}
-              </div>
+              <div class="break-all">{connectUrl}</div>
             </a>
             <a href={connectUrl} class="btn">
               <iconify-icon noobserver icon="ph:arrow-square-out-bold" width="32"></iconify-icon>
-              {$t("payments.openLink")}</a
-            >
+              {$t("payments.openLink")}
+            </a>
             <button class="btn" onclick={() => copy(connectUrl!)}>
               <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
-              {$t("payments.copy")}</button
-            >
+              {$t("payments.copy")}
+            </button>
           </div>
         {:else}
           {#if $signer?.method === "nsec"}
diff --git a/src/components/Password.svelte b/src/components/Password.svelte
index 3a7d71fe..ab1b7d9d 100644
--- a/src/components/Password.svelte
+++ b/src/components/Password.svelte
@@ -31,9 +31,9 @@
     <form onsubmit={submit} class="space-y-2">
       <PasswordInput bind:value={password} {focus} />
       <div class="w-full flex gap-2">
-        <button type="button" class="btn !w-auto grow" onclick={cancel} onkeydown={cancel}
-          >{$t("payments.cancel")}</button
-        >
+        <button type="button" class="btn !w-auto grow" onclick={cancel} onkeydown={cancel}>
+          {$t("payments.cancel")}
+        </button>
         <button type="submit" class="btn btn-accent !w-auto grow">{$t("payments.submit")}</button>
       </div>
     </form>
diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte
index ddbee1e0..7bfc8588 100644
--- a/src/components/Payments.svelte
+++ b/src/components/Payments.svelte
@@ -26,9 +26,7 @@
         <div class="font-bold flex items-center">
           <div class="flex items-center gap-1">
             {#if $fiat}
-              <div>
-                {f(Math.abs(amount) * (p.rate / sats), p.currency, locale)}
-              </div>
+              <div>{f(Math.abs(amount) * (p.rate / sats), p.currency, locale)}</div>
             {:else}
               <iconify-icon noobserver icon="ph:lightning-fill" width="24" class="text-yellow-300"
               ></iconify-icon>
@@ -51,9 +49,7 @@
               <div class="my-auto">
                 <Avatar user={p.user} size={12} disabled={true} />
               </div>
-              <div class="my-auto ml-1 text-secondary">
-                {p.user.username}
-              </div>
+              <div class="my-auto ml-1 text-secondary">{p.user.username}</div>
             </div>
           {:else}
             <a href={`/fund/${p.memo}`}>
@@ -70,9 +66,7 @@
             <div class="my-auto">
               <Avatar user={p.with} size={12} disabled={true} />
             </div>
-            <div class="my-auto ml-1 text-secondary">
-              {p.with.username}
-            </div>
+            <div class="my-auto ml-1 text-secondary">{p.with.username}</div>
           </div>
         {:else}
           <div class="text-secondary flex items-center gap-1">
@@ -100,10 +94,10 @@
                 {amount > 0 ? $t("payments.redeemed") : $t("payments.minted")}
               {:else}
                 {amount > 0
-                  ? p.confirmed
-                    ? $t("payments.received")
-                    : $t("payments.pending")
-                  : $t("payments.sent")}
+                ? p.confirmed
+                  ? $t("payments.received")
+                  : $t("payments.pending")
+                : $t("payments.sent")}
               {/if}
             </div>
           </div>
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index 3e9c490b..6d528a98 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -68,8 +68,8 @@
     aria-label={hide ? "Show PIN" : "Hide PIN"}
   >
     <iconify-icon noobserver icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32"
-    ></iconify-icon></button
-  >
+    ></iconify-icon>
+  </button>
 </label>
 
 <div class="grid grid-cols-3 gap-2 w-[300px] mx-auto grayscale">
diff --git a/src/components/Quote.svelte b/src/components/Quote.svelte
index 8901dae1..1d3ab9dd 100644
--- a/src/components/Quote.svelte
+++ b/src/components/Quote.svelte
@@ -4,8 +4,9 @@
   viewBox="0 0 24 27"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
-  ><path
+>
+  <path
     d="M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8h34V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z"
     fill="currentColor"
-  /></svg
->
+  />
+</svg>
diff --git a/src/components/WalletPass.svelte b/src/components/WalletPass.svelte
index cc9e2bbd..0d1b014a 100644
--- a/src/components/WalletPass.svelte
+++ b/src/components/WalletPass.svelte
@@ -25,9 +25,7 @@
 
 <div class="fixed inset-0 bg-gray-600/50 overflow-y-auto h-full w-full z-20">
   <div class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5">
-    <h1 class="text-center text-2xl font-semibold">
-      {$t("payments.enterWalletPass")}
-    </h1>
+    <h1 class="text-center text-2xl font-semibold">{$t("payments.enterWalletPass")}</h1>
     <form onsubmit={preventDefault(handleSubmit)}>
       <div class="relative mb-5">
         {#if revealPassword}
@@ -64,7 +62,7 @@
         </button>
       </div>
       <div class="mb-5 space-y-2">
-        <label for="rememberFor" class="text-sm text-gray-500"> Remember for </label>
+        <label for="rememberFor" class="text-sm text-gray-500">Remember for</label>
         <select
           id="rememberFor"
           class="w-full"