Misc. Bug fixes and Translation Improvments (#926)

* Fixes [BUG] Editing a location removes it from all the collections
Fixes #893

* Add new translations for Chinese and Ukrainian locales

- Updated zh.json to include new keys: "about_country", "about_region", "show_less", and "show_more".
- Registered Ukrainian locale in +layout.svelte and added it to the locales array.

* Update translation for 'back' in Dutch locale (#917)

---------

Co-authored-by: Sille Van Landschoot <979071+sillevl@users.noreply.github.com>

frontend/src/routes/+layout.svelte

@@ -22,6 +22,7 @@
 	register('pt-br', () => import('../locales/pt-br.json'));
 	register('sk', () => import('../locales/sk.json'));
 	register('tr', () => import('../locales/tr.json'));
+	register('uk', () => import('../locales/uk.json'));
 	register('hu', () => import('../locales/hu.json'));
 
 	let locales = [
@@ -42,6 +43,7 @@
 		'pt-br',
 		'sk',
 		'tr',
+		'uk',
 		'hu'
 	];
 

frontend/src/routes/profile/[uuid]/+page.svelte

@@ -35,7 +35,7 @@
 	import ChevronDown from '~icons/mdi/chevron-down';
 	import ChevronUp from '~icons/mdi/chevron-up';
 
-	let measurementSystem = data.user?.measurement_system || 'metric';
+	let measurementSystem: string = 'metric';
 	let expandedCategories = new Set();
 
 	let stats: {
@@ -87,10 +87,16 @@
 		activity_elevation: number;
 	} | null;
 
-	const user: User = data.user;
-	const adventures: Location[] = data.adventures;
-	const collections: Collection[] = data.collections;
-	stats = data.stats || null;
+	let user: User = data.user;
+	let adventures: Location[] = data.adventures;
+	let collections: Collection[] = data.collections;
+
+	// Keep values reactive when `data` changes (client navigation between params)
+	$: user = data.user;
+	$: adventures = data.adventures;
+	$: collections = data.collections;
+	$: measurementSystem = data.user?.measurement_system || 'metric';
+	$: stats = data.stats || null;
 
 	// Activity category configurations
 	const categoryConfig: Record<

frontend/src/routes/settings/+page.svelte

@@ -11,7 +11,7 @@
 	import ImmichLogo from '$lib/assets/immich.svg';
 	import GoogleMapsLogo from '$lib/assets/google_maps.svg';
 	import StravaLogo from '$lib/assets/strava.svg';
-	import WandererLogo from '$lib/assets/wanderer.svg';
+	import WandererLogoSrc from '$lib/assets/wanderer.svg';
 
 	export let data;
 	console.log(data);
@@ -1129,12 +1129,9 @@
 								{/if}
 							</div>
 
-							<div class="p-6 bg-base-200 rounded-xl">
+							<div class="p-6 bg-base-200 rounded-xl mb-4">
 								<div class="flex items-center gap-4 mb-4">
-									<div
-										class="w-8 h-8 rounded-md bg-base-content"
-										style="mask: url({WandererLogo}) no-repeat center; mask-size: contain; -webkit-mask: url({WandererLogo}) no-repeat center; -webkit-mask-size: contain;"
-									></div>
+									<img src={WandererLogoSrc} alt="Wanderer" class="w-8 h-8" />
 									<div>
 										<h3 class="text-xl font-bold">Wanderer</h3>
 										<p class="text-sm text-base-content/70">

frontend/src/routes/worldtravel/[id]/[id]/+page.svelte

@@ -252,7 +252,7 @@
 						<div class="card-body p-4">
 							<div class="flex items-center gap-2 mb-4">
 								<Info class="w-5 h-5 text-primary" />
-								<h2 class="text-lg font-semibold">{$t('worldtravel.about_country')}</h2>
+								<h2 class="text-lg font-semibold">{$t('worldtravel.about_region')}</h2>
 							</div>
 							<p
 								class="text-base-content/70 leading-relaxed"