fix: language reactivity

src/routes/+layout.svelte

@@ -146,14 +146,15 @@
 </svelte:head>
 
 <!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) -->
-<div
+{#key $locale}
+	<div
 		class="flex flex-col min-h-screen h-full w-full overflow-x-hidden"
 		ondrop={dropFiles}
 		ondragenter={(e) => handleDrag(e, true)}
 		ondragover={(e) => handleDrag(e, true)}
 		ondragleave={(e) => handleDrag(e, false)}
 		role="region"
->
+	>
 		<Layout.UploadRegion />
 
 		<div>
@@ -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>
 
@@ -179,7 +182,8 @@
 			<Layout.Footer />
 			<Navbar.Mobile />
 		</div>
-</div>
+	</div>
+{/key}
 
 <!-- Gradients placed here to prevent it overlapping in transitions -->
 <Layout.Gradients />