fix(web): missing svelte translations (#10199)

* fix(web): missing svelte translations

* fixes

* format fix

* translation keys fix

* "merge" key fix

* Update web/src/lib/components/shared-components/side-bar/more-information-albums.svelte

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

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

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

* suggestion fix

* trash pluralization

* video+photo count fix

* format fix

* unused removal

* translation key fix

* duplicate key removal

* format fix

---------

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

web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte

@@ -510,7 +510,7 @@
                 disabled={album.assetCount === 0}
                 on:click={() => (viewMode = ViewMode.SELECT_USERS)}
               >
-                Share
+                {$t('share')}
               </Button>
             {/if}
           </svelte:fragment>

web/src/routes/(user)/people/+page.svelte

@@ -422,7 +422,7 @@
         <LinkButton on:click={() => (selectHidden = !selectHidden)}>
           <div class="flex flex-wrap place-items-center justify-center gap-x-1 text-sm">
             <Icon path={mdiEyeOutline} size="18" />
-            <p class="ml-2">Show & hide people</p>
+            <p class="ml-2">{$t('show_and_hide_people')}</p>
           </div>
         </LinkButton>
       </div>

web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte

@@ -492,7 +492,9 @@
                       </p>
                     {:else}
                       <p class="font-medium">{$t('add_a_name')}</p>
-                      <p class="text-sm text-gray-500 dark:text-immich-gray">Find them fast by name with search</p>
+                      <p class="text-sm text-gray-500 dark:text-immich-gray">
+                        {$t('find_them_fast')}
+                      </p>
                     {/if}
                   </div>
                 </button>

web/src/routes/(user)/sharing/sharedlinks/+page.svelte

@@ -33,8 +33,8 @@
     const isConfirmed = await dialogController.show({
       id: 'delete-shared-link',
       title: $t('delete_shared_link'),
-      prompt: 'Are you sure you want to delete this shared link?',
-      confirmText: 'Delete',
+      prompt: $t('confirm_delete_shared_link'),
+      confirmText: $t('delete'),
     });
 
     if (!isConfirmed) {
@@ -46,7 +46,7 @@
       notificationController.show({ message: $t('deleted_shared_link'), type: NotificationType.Info });
       await refresh();
     } catch (error) {
-      handleError(error, 'Unable to delete shared link');
+      handleError(error, $t('errors.unable_to_delete_shared_link'));
     }
   };
 
@@ -72,7 +72,7 @@
     <div
       class="m-auto flex w-[50%] place-content-center place-items-center rounded-lg bg-gray-100 dark:bg-immich-dark-gray dark:text-immich-gray p-12"
     >
-      <p>You don't have any shared links</p>
+      <p>{$t('you_dont_have_any_shared_links')}</p>
     </div>
   {:else}
     <div class="m-auto flex w-[50%] flex-col">

web/src/routes/(user)/trash/[[photos=photos]]/[[assetId=id]]/+page.svelte

@@ -101,7 +101,7 @@
       <LinkButton on:click={handleRestoreTrash} disabled={$isMultiSelectState}>
         <div class="flex place-items-center gap-2 text-sm">
           <Icon path={mdiHistory} size="18" />
-          Restore all
+          {$t('restore_all')}
         </div>
       </LinkButton>
       <LinkButton on:click={() => handleEmptyTrash()} disabled={$isMultiSelectState}>
@@ -114,7 +114,7 @@
 
     <AssetGrid {assetStore} {assetInteractionStore}>
       <p class="font-medium text-gray-500/60 dark:text-gray-300/60 p-4">
-        Trashed items will be permanently deleted after {$serverConfig.trashDays} days.
+        {$t('trashed_items_will_be_permanently_deleted_after', { values: { days: $serverConfig.trashDays } })}
       </p>
       <EmptyPlaceholder text={$t('trash_no_results_message')} src={empty3Url} slot="empty" />
     </AssetGrid>

web/src/routes/(user)/utilities/[duplicates]/[[photos=photos]]/[[assetId=id]]/+page.svelte

@@ -65,7 +65,7 @@
       {/key}
     {:else}
       <p class="text-center text-lg dark:text-white flex place-items-center place-content-center">
-        No duplicates were found.
+        {$t('no_duplicates_found')}
       </p>
     {/if}
   </div>