fix: language reactivity

src/routes/+layout.svelte

@@ -146,6 +146,7 @@
 </svelte:head>
 
 <!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) -->
+{#key $locale}
 	<div
 		class="flex flex-col min-h-screen h-full w-full overflow-x-hidden"
 		ondrop={dropFiles}
@@ -168,7 +169,9 @@
 		<Layout.PageContent {children} />
 		<div style="display:none">
 			{#each locales as locale}
-			<a href={localizeHref(page.url.pathname, { locale })}>{locale}</a>
+				<a href={localizeHref(page.url.pathname, { locale })}
+					>{locale}</a
+				>
 			{/each}
 		</div>
 
@@ -180,6 +183,7 @@
 			<Navbar.Mobile />
 		</div>
 	</div>
+{/key}
 
 <!-- Gradients placed here to prevent it overlapping in transitions -->
 <Layout.Gradients />