Add i18n support for ImageInfoModal and update localization strings

frontend/src/lib/components/ImageInfoModal.svelte

@@ -5,6 +5,7 @@
 	import { onMount } from 'svelte';
 	let modal: HTMLDialogElement;
 	export let background: Background;
+	import { t } from 'svelte-i18n';
 
 	onMount(() => {
 		modal = document.getElementById('my_modal_1') as HTMLDialogElement;
@@ -29,14 +30,14 @@
 	<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 	<div class="modal-box" role="dialog" on:keydown={handleKeydown} tabindex="0">
 		<h3 class="font-bold text-lg">
-			About This Background<span class=" inline-block"></span>
+			{$t('settings.about_this_background')}<span class=" inline-block"></span>
 		</h3>
 		<div class="flex flex-col items-center">
 			{#if background.author != ''}
-				<p class="text-center mt-2">Photo by {background.author}</p>
+				<p class="text-center mt-2">{$t('settings.photo_by')} {background.author}</p>
 			{/if}
 			{#if background.location != ''}
-				<p class="text-center">Location: {background.location}</p>
+				<p class="text-center">{$t('adventures.location')}: {background.location}</p>
 			{/if}
 			<p class="text-center mt-4">
 				<a
@@ -45,11 +46,11 @@
 					rel="noopener noreferrer"
 					class="text-blue-500 hover:underline"
 				>
-					Join the Discord
+					{$t('settings.join_discord')}
 				</a>
-				to share your own photos. Post them in the #travel-share channel.
+				{$t('settings.join_discord_desc')}
 			</p>
 		</div>
-		<button class="btn btn-primary" on:click={close}>Close</button>
+		<button class="btn btn-primary" on:click={close}>{$t('about.close')}</button>
 	</div>
 </dialog>

frontend/src/locales/de.json

@@ -284,7 +284,11 @@
     "possible_reset": "Wenn die von Ihnen angegebene E-Mail-Adresse mit einem Konto verknüpft ist, erhalten Sie eine E-Mail mit Anweisungen zum Zurücksetzen Ihres Passworts!",
     "reset_password": "Passwort zurücksetzen",
     "submit": "Einreichen",
-    "token_required": "Zum Zurücksetzen des Passworts sind Token und UID erforderlich."
+    "token_required": "Zum Zurücksetzen des Passworts sind Token und UID erforderlich.",
+    "about_this_background": "Über diesen Hintergrund",
+    "join_discord": "Treten Sie dem Discord bei",
+    "join_discord_desc": "um Ihre eigenen Fotos zu teilen. \nVeröffentlichen Sie sie im",
+    "photo_by": "Foto von"
   },
   "checklist": {
     "add_item": "Artikel hinzufügen",

frontend/src/locales/en.json

@@ -284,7 +284,11 @@
 		"submit": "Submit",
 		"password_does_not_match": "Passwords do not match",
 		"password_is_required": "Password is required",
-		"invalid_token": "Token is invalid or has expired"
+		"invalid_token": "Token is invalid or has expired",
+		"about_this_background": "About this background",
+		"photo_by": "Photo by",
+		"join_discord": "Join the Discord",
+		"join_discord_desc": "to share your own photos. Post them in the #travel-share channel."
 	},
 	"collection": {
 		"collection_created": "Collection created successfully!",

frontend/src/locales/es.json

@@ -284,7 +284,11 @@
     "password_does_not_match": "Las contraseñas no coinciden",
     "password_is_required": "Se requiere contraseña",
     "submit": "Entregar",
-    "invalid_token": "El token no es válido o ha caducado"
+    "invalid_token": "El token no es válido o ha caducado",
+    "about_this_background": "Sobre este trasfondo",
+    "join_discord": "Únete a la discordia",
+    "join_discord_desc": "para compartir tus propias fotos. \nPublicarlos en el",
+    "photo_by": "Foto por"
   },
   "checklist": {
     "add_item": "Agregar artículo",

frontend/src/locales/fr.json

@@ -284,7 +284,11 @@
     "possible_reset": "Si l'adresse e-mail que vous avez fournie est associée à un compte, vous recevrez un e-mail avec des instructions pour réinitialiser votre mot de passe !",
     "reset_password": "Réinitialiser le mot de passe",
     "submit": "Soumettre",
-    "token_required": "Le jeton et l'UID sont requis pour la réinitialisation du mot de passe."
+    "token_required": "Le jeton et l'UID sont requis pour la réinitialisation du mot de passe.",
+    "about_this_background": "À propos de ce contexte",
+    "join_discord": "Rejoignez le Discord",
+    "join_discord_desc": "pour partager vos propres photos. \nPostez-les dans le",
+    "photo_by": "Photo par"
   },
   "checklist": {
     "add_item": "Ajouter un article",

frontend/src/locales/it.json

@@ -284,7 +284,11 @@
     "possible_reset": "Se l'indirizzo email che hai fornito è associato a un account, riceverai un'email con le istruzioni per reimpostare la password!",
     "reset_password": "Reimposta password",
     "submit": "Invia",
-    "token_required": "Token e UID sono necessari per la reimpostazione della password."
+    "token_required": "Token e UID sono necessari per la reimpostazione della password.",
+    "about_this_background": "A proposito di questo contesto",
+    "join_discord": "Unisciti alla Discordia",
+    "join_discord_desc": "per condividere le tue foto. \nPubblicateli in",
+    "photo_by": "Foto di"
   },
   "checklist": {
     "add_item": "Aggiungi articolo",

frontend/src/locales/nl.json

@@ -284,7 +284,11 @@
     "possible_reset": "Als het door u opgegeven e-mailadres aan een account is gekoppeld, ontvangt u een e-mail met instructies om uw wachtwoord opnieuw in te stellen!",
     "reset_password": "Wachtwoord opnieuw instellen",
     "submit": "Indienen",
-    "token_required": "Token en UID zijn vereist voor het opnieuw instellen van het wachtwoord."
+    "token_required": "Token en UID zijn vereist voor het opnieuw instellen van het wachtwoord.",
+    "about_this_background": "Over deze achtergrond",
+    "join_discord": "Sluit je aan bij de onenigheid",
+    "join_discord_desc": "om uw eigen foto's te delen. \nPlaats ze in de",
+    "photo_by": "Foto door"
   },
   "checklist": {
     "add_item": "Artikel toevoegen",

frontend/src/locales/sv.json

@@ -284,7 +284,11 @@
     "possible_reset": "Om e-postadressen du angav är kopplad till ett konto kommer du att få ett e-postmeddelande med instruktioner för att återställa ditt lösenord!",
     "reset_password": "Återställ lösenord",
     "submit": "Överlämna",
-    "token_required": "Token och UID krävs för lösenordsåterställning."
+    "token_required": "Token och UID krävs för lösenordsåterställning.",
+    "about_this_background": "Om denna bakgrund",
+    "join_discord": "Gå med i Discord",
+    "join_discord_desc": "för att dela dina egna foton. \nLägg upp dem i",
+    "photo_by": "Foto av"
   },
   "checklist": {
     "add_item": "Lägg till objekt",

frontend/src/locales/zh.json

@@ -284,7 +284,11 @@
     "possible_reset": "如果您提供的电子邮件地址与帐户关联，您将收到一封电子邮件，其中包含重置密码的说明！",
     "reset_password": "重置密码",
     "submit": "提交",
-    "token_required": "重置密码需要令牌和 UID。"
+    "token_required": "重置密码需要令牌和 UID。",
+    "about_this_background": "关于这个背景",
+    "join_discord": "加入不和谐",
+    "join_discord_desc": "分享您自己的照片。\n将它们张贴在",
+    "photo_by": "摄影："
   },
   "checklist": {
     "add_item": "添加项目",