feat(web): translations (#9854)

* First test

* Added translation using Weblate (French)

* Translated using Weblate (German)

Currently translated at 100.0% (4 of 4 strings)

Translation: immich/web
Translate-URL: http://familie-mach.net/projects/immich/web/de/

* Translated using Weblate (French)

Currently translated at 100.0% (4 of 4 strings)

Translation: immich/web
Translate-URL: http://familie-mach.net/projects/immich/web/fr/

* Further testing

* Further testing

* Translated using Weblate (German)

Currently translated at 100.0% (18 of 18 strings)

Translation: immich/web
Translate-URL: http://familie-mach.net/projects/immich/web/de/

* Further work

* Update string file.

* More strings

* Automatically changed strings

* Add automatically translated german file for testing purposes

* Fix merge-face-selector component

* Make server stats strings uppercase

* Fix uppercase string

* Fix some strings in jobs-panel

* Fix lower and uppercase strings. Add a few additional string. Fix a few unnecessary replacements

* Update german test translations

* Fix typo in locales file

* Change string keys

* Extract more strings

* Extract and replace some more strings

* Update testtranslationfile

* Change translation keys

* Fix rebase errors

* Fix one more rebase error

* Remove german translation file

* Co-authored-by: Daniel Dietzler <danieldietzler@users.noreply.github.com>

* chore: clean up translations

* chore: add new line

* fix formatting

* chore: fixes

* fix: loading and tests

---------

Co-authored-by: root <root@Blacki>
Co-authored-by: admin <admin@example.com>
Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>

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

@@ -39,6 +39,7 @@
   import { handleError } from '$lib/utils/handle-error';
   import AlbumCardGroup from '$lib/components/album-page/album-card-group.svelte';
   import { isAlbumsRoute, isPeopleRoute } from '$lib/utils/navigation';
+  import { t } from 'svelte-i18n';
 
   const MAX_ASSET_COUNT = 5000;
   let { isViewing: showAssetViewer } = assetViewingStore;
@@ -141,7 +142,7 @@
 
       nextPage = assets.nextPage ? Number(assets.nextPage) : null;
     } catch (error) {
-      handleError(error, 'Loading search results failed');
+      handleError(error, $t('loading_search_results_failed'));
     } finally {
       isLoading = false;
     }
@@ -161,20 +162,20 @@
 
   function getHumanReadableSearchKey(key: keyof SearchTerms): string {
     const keyMap: Partial<Record<keyof SearchTerms, string>> = {
-      takenAfter: 'Start date',
-      takenBefore: 'End date',
-      isArchived: 'In archive',
-      isFavorite: 'Favorite',
-      isNotInAlbum: 'Not in any album',
-      type: 'Media type',
-      query: 'Context',
-      city: 'City',
-      country: 'Country',
-      state: 'State',
-      make: 'Camera make',
-      model: 'Camera model',
-      personIds: 'People',
-      originalFileName: 'File name',
+      takenAfter: $t('start_date'),
+      takenBefore: $t('end_date'),
+      isArchived: $t('in_archive'),
+      isFavorite: $t('favorite'),
+      isNotInAlbum: $t('not_in_any_album'),
+      type: $t('media_type'),
+      query: $t('context'),
+      city: $t('city'),
+      country: $t('country'),
+      state: $t('state'),
+      make: $t('camera_brand'),
+      model: $t('camera_model'),
+      personIds: $t('people'),
+      originalFileName: $t('file_name'),
     };
     return keyMap[key] || key;
   }
@@ -185,7 +186,7 @@
         const person = await getPerson({ id: personId });
 
         if (person.name == '') {
-          return 'No Name';
+          return $t('no_name');
         }
 
         return person.name;
@@ -209,14 +210,14 @@
     <div class="fixed z-[100] top-0 left-0 w-full">
       <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
         <CreateSharedLink />
-        <CircleIconButton title="Select all" icon={mdiSelectAll} on:click={handleSelectAll} />
-        <AssetSelectContextMenu icon={mdiPlus} title="Add to...">
+        <CircleIconButton title={$t('select_all')} icon={mdiSelectAll} on:click={handleSelectAll} />
+        <AssetSelectContextMenu icon={mdiPlus} title={$t('add_to')}>
           <AddToAlbum />
           <AddToAlbum shared />
         </AssetSelectContextMenu>
         <FavoriteAction removeFavorite={isAllFavorite} onFavorite={triggerAssetUpdate} />
 
-        <AssetSelectContextMenu icon={mdiDotsVertical} title="Add">
+        <AssetSelectContextMenu icon={mdiDotsVertical} title={$t('add')}>
           <DownloadAction menuItem />
           <ChangeDate menuItem />
           <ChangeLocation menuItem />
@@ -275,7 +276,7 @@
   <section class="immich-scrollbar relative overflow-y-auto">
     {#if searchResultAlbums.length > 0}
       <section>
-        <div class="ml-6 text-4xl font-medium text-black/70 dark:text-white/80">ALBUMS</div>
+        <div class="ml-6 text-4xl font-medium text-black/70 dark:text-white/80">{$t('albums').toUpperCase()}</div>
         <AlbumCardGroup albums={searchResultAlbums} showDateRange showItemCount />
 
         <div class="m-6 text-4xl font-medium text-black/70 dark:text-white/80">PHOTOS & VIDEOS</div>
@@ -294,7 +295,7 @@
         <div class="flex min-h-[calc(66vh_-_11rem)] w-full place-content-center items-center dark:text-white">
           <div class="flex flex-col content-center items-center text-center">
             <Icon path={mdiImageOffOutline} size="3.5em" />
-            <p class="mt-5 text-3xl font-medium">No results</p>
+            <p class="mt-5 text-3xl font-medium">{$t('no_results')}</p>
             <p class="text-base font-normal">Try a synonym or more general keyword</p>
           </div>
         </div>