In-app store, torrential backend, locales (#332)

* feat: add store nav and fixes

* fix: reduce password requirement & new task error ui

* fix: client webtoken fix

* fix: delta versions and dockerfile

* fix: use setup platforms for filter & display

* fix: setup not accounted when returning valid options

* feat: tighter delta version support

* feat: dl/disk size

* feat: offload manifest generation to torrential

* fix: bump torrential

* feat: remove droplet

* feat: bump torrential

* feat: convert locales

server/pages/mfa/setup/successful.vue

@@ -8,21 +8,26 @@ import { CheckCircleIcon } from "@heroicons/vue/24/outline";
       <CheckCircleIcon class="h-12 w-12 text-green-600" aria-hidden="true" />
       <div class="mt-3 text-center sm:mt-5">
         <h1 class="text-3xl font-semibold font-display leading-6 text-zinc-100">
-          Added your 2FA method!
+          {{ $t("auth.2fa.success.title") }}
         </h1>
         <div class="mt-4">
           <p class="mx-auto text-sm text-zinc-400 max-w-sm">
-            Drop has successfully created and added your 2FA method. If this is
-            your first time configuring 2FA, your account now requires it to
-            sign in.
+            {{ $t("auth.2fa.success.description") }}
           </p>
 
           <div class="mt-10 flex justify-center">
             <NuxtLink
               href="/account/security"
               class="text-sm/6 font-semibold text-blue-400"
-              ><span aria-hidden="true">&larr;</span> Back to account
-              security</NuxtLink
+              ><i18n-t
+                keypath="auth.2fa.success.back"
+                tag="span"
+                scope="global"
+              >
+                <template #arrow>
+                  <span aria-hidden="true">{{ $t("chars.arrowBack") }}</span>
+                </template>
+              </i18n-t></NuxtLink
             >
           </div>
         </div>

server/pages/mfa/setup/totp.vue

@@ -7,15 +7,14 @@
         <h1
           class="mt-4 text-3xl font-bold font-display tracking-tight text-zinc-100 sm:text-5xl"
         >
-          Set up your authenticator
+          {{ $t("auth.2fa.totp.createTitle") }}
         </h1>
         <p class="mt-6 text-base leading-7 text-zinc-400">
-          Use your TOTP authenticator, like Google Authenticator, Aegis, or
-          Bitwarden, to add 2FA to your Drop account.
+          {{ $t("auth.2fa.totp.createDescription") }}
         </p>
         <div class="mt-8">
           <p class="text-xs leading-7 text-zinc-200">
-            Enter the generated code to enable TOTP
+            {{ $t("auth.2fa.totp.createHint") }}
           </p>
           <div class="mt-2 flex flex-row gap-2">
             <CodeInput

server/pages/mfa/setup/webauthn.vue

@@ -7,11 +7,10 @@
       <h2
         class="mt-10 text-center text-2xl/9 font-bold tracking-tight text-white"
       >
-        Create a passkey
+        {{ $t("auth.2fa.passkey.createTitle") }}
       </h2>
       <p class="text-sm text-center text-zinc-400">
-        WebAuthn, or passkeys, allow you to sign in or complete 2FA with
-        biometrics or hardware security devices.
+        {{ $t("auth.2fa.passkey.createDescription") }}
       </p>
     </div>
 
@@ -23,9 +22,9 @@
         @submit.prevent="attemptPasskeyWrapper"
       >
         <div>
-          <label for="name" class="block text-sm/6 font-medium text-gray-100"
-            >Name</label
-          >
+          <label for="name" class="block text-sm/6 font-medium text-gray-100">{{
+            $t("auth.2fa.passkey.passkeyNameTag")
+          }}</label>
           <div class="mt-2">
             <input
               id="name"
@@ -41,7 +40,7 @@
 
         <div>
           <LoadingButton :disabled="disabled" :loading="loading" class="w-full">
-            Create
+            {{ $t("common.create") }}
           </LoadingButton>
         </div>