Add lang attribute to article content because it's more correct

src/routes/blog/[slug]/+page.svelte

@@ -1,33 +1,13 @@
 <script lang="ts">
   import { formatDateRelative } from "$lib";
-  import { onMount } from "svelte";
   import Box from "../../../components/atoms/Box.svelte";
   import Error from "../../../components/molecules/Error.svelte";
   import Thumbnail from "../../../components/molecules/Thumbnail.svelte";
   import BlogPostContent from "../../../components/organisms/BlogPostContent.svelte";
   import type { PageData } from "./$types";
-  import { beforeNavigate } from "$app/navigation";
   import ContainerSlim from "../../../components/atoms/ContainerSlim.svelte";
 
   export let data: PageData;
-
-  onMount(() => {
-    if (!data.post) {
-      return;
-    }
-    const url = new URL(window.location.href);
-    const lang = url.searchParams.get("lang");
-
-    if (data.post.attributes.locale !== lang) {
-      document
-        .querySelector("html")
-        ?.setAttribute("lang", data.post.attributes.locale);
-    }
-  });
-
-  beforeNavigate(() => {
-    document.querySelector("html")?.setAttribute("lang", "en");
-  });
 </script>
 
 <ContainerSlim>
@@ -37,6 +17,7 @@
     {@const teaserImage = data.post.attributes.teaserImage.data?.attributes}
     {@const collection = data.post.attributes.collection.data?.attributes}
 
+    <div class="blog-entry" lang={post.attributes.locale}>
       <div class="blog-entry-head">
         <Box>
           <div class="head-text">
@@ -66,6 +47,7 @@
       {#each post.attributes.content as contentEntry}
         <BlogPostContent content={contentEntry} />
       {/each}
+    </div>
   {:else if !data.error}
     <Error error={{ message: "Could not find the post" }} />
   {/if}
@@ -73,6 +55,7 @@
   {#if data.error}
     <Error error={data.error} />
   {/if}
+</ContainerSlim>
 
 <style lang="scss">
   .blog-entry-head {
@@ -103,4 +86,3 @@
     }
   }
 </style>
-</ContainerSlim>