use divs for leads to fix hydration issue

web/src/app/aktuelt/[slug]/page.tsx

@@ -56,7 +56,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
         </p>
         <h1 className="news-title">{news.title}</h1>
         {news.lead && (
-          <p className="lead" dangerouslySetInnerHTML={{ __html: news.lead }} />
+          <div className="lead" dangerouslySetInnerHTML={{ __html: news.lead }} />
         )}
         {featuredImage && (
           <ImageFigure

web/src/app/error.tsx

@@ -5,9 +5,9 @@ function ErrorPage() {
     <main className="site-main" id="main">
       <div>
         <h1>500: En feil har oppstått</h1>
-        <p className="lead">
+        <div className="lead">
           Her gikk det skikkelig skeis i datamaskinen. Lykke til videre.
-        </p>
+        </div>
       </div>
     </main>
   );

web/src/app/not-found.tsx

@@ -3,7 +3,7 @@ function NotFoundPage() {
     <main className="site-main" id="main">
       <div>
         <h1>404: Side ikke funnet</h1>
-        <p className="lead">Denne siden er på grisefest. Lykke til videre.</p>
+        <div className="lead">Denne siden er på grisefest. Lykke til videre.</div>
       </div>
     </main>
   );