chore(app): i18n sync (#15362)

packages/desktop/src/loading.tsx

@@ -8,11 +8,18 @@ import "./styles.css"
 import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js"
 import { commands, events, InitStep } from "./bindings"
 import { Channel } from "@tauri-apps/api/core"
+import { initI18n, t } from "./i18n"
 
 const root = document.getElementById("root")!
-const lines = ["Just a moment...", "Migrating your database", "This may take a couple of minutes"]
+const lines = [
+  t("desktop.loading.status.initial"),
+  t("desktop.loading.status.migrating"),
+  t("desktop.loading.status.waiting"),
+]
 const delays = [3000, 9000]
 
+void initI18n()
+
 render(() => {
   const [step, setStep] = createSignal<InitStep | null>(null)
   const [line, setLine] = createSignal(0)
@@ -54,9 +61,9 @@ render(() => {
   })
 
   const status = createMemo(() => {
-    if (phase() === "done") return "All done"
+    if (phase() === "done") return t("desktop.loading.status.done")
     if (phase() === "sqlite_waiting") return lines[line()]
-    return "Just a moment..."
+    return t("desktop.loading.status.initial")
   })
 
   return (
@@ -72,7 +79,7 @@ render(() => {
             <Progress
               value={value()}
               class="w-20 [&_[data-slot='progress-track']]:h-1 [&_[data-slot='progress-track']]:border-0 [&_[data-slot='progress-track']]:rounded-none [&_[data-slot='progress-track']]:bg-surface-weak [&_[data-slot='progress-fill']]:rounded-none [&_[data-slot='progress-fill']]:bg-icon-warning-base"
-              aria-label="Database migration progress"
+              aria-label={t("desktop.loading.progressAria")}
               getValueLabel={({ value }) => `${Math.round(value)}%`}
             />
           </div>