rework page metadata and links

website/src/lib/components/Menu.svelte

@@ -73,6 +73,7 @@
 	import { mode, setMode, systemPrefersMode } from 'mode-watcher';
 	import { _, locale } from 'svelte-i18n';
 	import { getURLForLanguage, languages } from '$lib/languages';
+	import { page } from '$app/stores';
 
 	const {
 		distanceUnits,
@@ -123,7 +124,7 @@
 	<div
 		class="w-fit flex flex-row items-center justify-center p-1 bg-background rounded-b-md md:rounded-md pointer-events-auto shadow-md"
 	>
-		<a href="./" target="_blank">
+		<a href={getURLForLanguage('/[...language]', $locale)} target="_blank">
 			<Logo class="h-5 mt-0.5 mx-2 md:hidden" iconOnly={true} />
 			<Logo class="h-5 mt-0.5 mx-2 hidden md:block" />
 		</a>
@@ -363,9 +364,9 @@
 						</Menubar.SubTrigger>
 						<Menubar.SubContent>
 							<Menubar.RadioGroup bind:value={$locale}>
-								{#each Object.entries(languages) as [code, name]}
-									<a href={getURLForLanguage(code)}>
-										<Menubar.RadioItem value={code}>{name}</Menubar.RadioItem>
+								{#each Object.entries(languages) as [lang, label]}
+									<a href={getURLForLanguage($page.route.id, lang)}>
+										<Menubar.RadioItem value={lang}>{label}</Menubar.RadioItem>
 									</a>
 								{/each}
 							</Menubar.RadioGroup>
@@ -415,7 +416,7 @@
 		<div class="h-fit flex flex-row items-center ml-1 gap-1">
 			<Button
 				variant="ghost"
-				href="./documentation"
+				href={getURLForLanguage('/[...language]/documentation', $locale)}
 				target="_blank"
 				class="cursor-default h-fit rounded-sm px-3 py-0.5"
 			>