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/lib/components/shared-components/settings/setting-buttons-row.svelte

@@ -21,7 +21,7 @@
         on:click={() => dispatch('reset', { default: true })}
         class="bg-none text-sm font-medium text-immich-primary hover:text-immich-primary/75 dark:text-immich-dark-primary hover:dark:text-immich-dark-primary/75"
       >
-        Reset to default
+        {$t('reset_to_default')}
       </button>
     {/if}
   </div>

web/src/lib/components/shared-components/settings/setting-checkboxes.svelte

@@ -2,6 +2,7 @@
   import Checkbox from '$lib/components/elements/checkbox.svelte';
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
+  import { t } from 'svelte-i18n';
 
   export let value: string[];
   export let options: { value: string; text: string }[];
@@ -27,7 +28,7 @@
         transition:fly={{ x: 10, duration: 200, easing: quintOut }}
         class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
       >
-        Unsaved change
+        {$t('unsaved_change')}
       </div>
     {/if}
   </div>

web/src/lib/components/shared-components/settings/setting-combobox.svelte

@@ -2,6 +2,7 @@
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
   import Combobox, { type ComboBoxOption } from '$lib/components/shared-components/combobox.svelte';
+  import { t } from 'svelte-i18n';
 
   export let title: string;
   export let comboboxPlaceholder: string;
@@ -23,7 +24,7 @@
           transition:fly={{ x: 10, duration: 200, easing: quintOut }}
           class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
         >
-          Unsaved change
+          {$t('unsaved_change')}
         </div>
       {/if}
     </div>

web/src/lib/components/shared-components/settings/setting-dropdown.svelte

@@ -2,6 +2,7 @@
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
   import Dropdown, { type RenderedOption } from '$lib/components/elements/dropdown.svelte';
+  import { t } from 'svelte-i18n';
 
   export let title: string;
   export let subtitle = '';
@@ -23,7 +24,7 @@
           transition:fly={{ x: 10, duration: 200, easing: quintOut }}
           class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
         >
-          Unsaved change
+          {$t('unsaved_change')}
         </div>
       {/if}
     </div>

web/src/lib/components/shared-components/settings/setting-input-field.svelte

@@ -12,6 +12,7 @@
   import type { FormEventHandler } from 'svelte/elements';
   import { fly } from 'svelte/transition';
   import PasswordField from '../password-field.svelte';
+  import { t } from 'svelte-i18n';
 
   export let inputType: SettingInputFieldType;
   export let value: string | number;
@@ -54,7 +55,7 @@
         transition:fly={{ x: 10, duration: 200, easing: quintOut }}
         class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
       >
-        Unsaved change
+        {$t('unsaved_change')}
       </div>
     {/if}
   </div>

web/src/lib/components/shared-components/settings/setting-select.svelte

@@ -2,6 +2,7 @@
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
   import { createEventDispatcher } from 'svelte';
+  import { t } from 'svelte-i18n';
 
   export let value: string | number;
   export let options: { value: string | number; text: string }[];
@@ -34,7 +35,7 @@
         transition:fly={{ x: 10, duration: 200, easing: quintOut }}
         class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
       >
-        Unsaved change
+        {$t('unsaved_change')}
       </div>
     {/if}
   </div>

web/src/lib/components/shared-components/settings/setting-switch.svelte

@@ -4,6 +4,7 @@
   import { createEventDispatcher } from 'svelte';
   import Slider from '$lib/components/elements/slider.svelte';
   import { generateId } from '$lib/utils/generate-id';
+  import { t } from 'svelte-i18n';
 
   export let title: string;
   export let subtitle = '';
@@ -31,7 +32,7 @@
           transition:fly={{ x: 10, duration: 200, easing: quintOut }}
           class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
         >
-          Unsaved change
+          {$t('unsaved_change')}
         </div>
       {/if}
     </div>

web/src/lib/components/shared-components/settings/setting-textarea.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { quintOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
+  import { t } from 'svelte-i18n';
 
   export let value: string;
   export let label = '';
@@ -26,7 +27,7 @@
         transition:fly={{ x: 10, duration: 200, easing: quintOut }}
         class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
       >
-        Unsaved change
+        {$t('unsaved_change')}
       </div>
     {/if}
   </div>