chore(web): another missing translations (#10274)

* chore(web): another missing translations

* unused removed

* more keys

* lint fix

* test fixed

* dynamic translation fix

* fixes

* people search translation

* params fixed

* keep filter setting fix

* lint fix

* $t fixes

* Update web/src/lib/i18n/en.json

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

* another missing

* activity translation

* link sharing translations

* expiration dropdown fix - didn't work localized

* notification title

* device logout

* search results

* reset to default

* unsaved change

* select from computer

* selected

* select-2

* select-3

* unmerge

* pluralize, force icu message

* Update web/src/lib/components/asset-viewer/asset-viewer.svelte

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

* review fixes

* remove user

* plural fixes

* ffmpeg settings

* fixes

* error title

* plural fixes

* onboarding

* change password

* more more

* console log fix

* another

* api key desc

* map marker

* format fix

* key fix

* asset-utils

* utils

* misc

---------

Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

web/src/routes/auth/change-password/+page.svelte

@@ -6,6 +6,7 @@
   import { resetSavedUser, user } from '$lib/stores/user.store';
   import { logout } from '@immich/sdk';
   import type { PageData } from './$types';
+  import { t } from 'svelte-i18n';
 
   export let data: PageData;
 
@@ -18,11 +19,10 @@
 
 <FullscreenContainer title={data.meta.title}>
   <p slot="message">
-    Hi {$user.name} ({$user.email}),
+    {$t('hi_user', { values: { name: $user.name, email: $user.email } })}
     <br />
     <br />
-    This is either the first time you are signing into the system or a request has been made to change your password. Please
-    enter the new password below.
+    {$t('change_password_description')}
   </p>
 
   <ChangePasswordForm on:success={onSuccess} />

web/src/routes/auth/change-password/+page.ts

@@ -2,6 +2,7 @@ import { AppRoute } from '$lib/constants';
 import { user } from '$lib/stores/user.store';
 import { authenticate } from '$lib/utils/auth';
 import { redirect } from '@sveltejs/kit';
+import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
 import type { PageLoad } from './$types';
 
@@ -11,9 +12,11 @@ export const load = (async () => {
     redirect(302, AppRoute.PHOTOS);
   }
 
+  const $t = get(t);
+
   return {
     meta: {
-      title: 'Change Password',
+      title: $t('change_password'),
     },
   };
 }) satisfies PageLoad;

web/src/routes/auth/login/+page.ts

@@ -1,6 +1,8 @@
 import { AppRoute } from '$lib/constants';
 import { defaults, getServerConfig } from '@immich/sdk';
 import { redirect } from '@sveltejs/kit';
+import { t } from 'svelte-i18n';
+import { get } from 'svelte/store';
 import type { PageLoad } from './$types';
 
 export const load = (async ({ fetch }) => {
@@ -11,9 +13,10 @@ export const load = (async ({ fetch }) => {
     redirect(302, AppRoute.AUTH_REGISTER);
   }
 
+  const $t = get(t);
   return {
     meta: {
-      title: 'Login',
+      title: $t('login'),
     },
   };
 }) satisfies PageLoad;

web/src/routes/auth/onboarding/+page.ts

@@ -1,13 +1,18 @@
 import { loadConfig } from '$lib/stores/server-config.store';
 import { authenticate } from '$lib/utils/auth';
+import { t } from 'svelte-i18n';
+import { get } from 'svelte/store';
 import type { PageLoad } from './$types';
 
 export const load = (async () => {
   await authenticate({ admin: true });
   await loadConfig();
+
+  const $t = get(t);
+
   return {
     meta: {
-      title: 'Onboarding',
+      title: $t('onboarding'),
     },
   };
 }) satisfies PageLoad;

web/src/routes/auth/register/+page.svelte

@@ -2,14 +2,14 @@
   import AdminRegistrationForm from '$lib/components/forms/admin-registration-form.svelte';
   import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
   import type { PageData } from './$types';
+  import { t } from 'svelte-i18n';
 
   export let data: PageData;
 </script>
 
 <FullscreenContainer title={data.meta.title}>
   <p slot="message">
-    Since you are the first user on the system, you will be assigned as the Admin and are responsible for administrative
-    tasks, and additional users will be created by you.
+    {$t('admin.registration_description')}
   </p>
 
   <AdminRegistrationForm />

web/src/routes/auth/register/+page.ts

@@ -1,6 +1,8 @@
 import { AppRoute } from '$lib/constants';
 import { getServerConfig } from '@immich/sdk';
 import { redirect } from '@sveltejs/kit';
+import { t } from 'svelte-i18n';
+import { get } from 'svelte/store';
 import type { PageLoad } from './$types';
 
 export const load = (async () => {
@@ -10,9 +12,11 @@ export const load = (async () => {
     redirect(302, AppRoute.AUTH_LOGIN);
   }
 
+  const $t = get(t);
+
   return {
     meta: {
-      title: 'Admin Registration',
+      title: $t('admin.registration'),
     },
   };
 }) satisfies PageLoad;