make 404 and 500 pages look nicer

web/src/app/error.tsx

@@ -1,13 +1,15 @@
 "use client";
 
+import { PageHeader } from "@/components/general/PageHeader";
+
 function ErrorPage() {
   return (
     <main className="site-main" id="main">
       <div>
-        <h1>500: En feil har oppstått</h1>
-        <div className="lead">
-          Her gikk det skikkelig skeis i datamaskinen. Lykke til videre.
-        </div>
+        <PageHeader
+          heading="500: En feil har oppstått"
+          lead="Noe gikk skeis i datamaskinen. Lykke til videre."
+        />
       </div>
     </main>
   );

web/src/app/not-found.tsx

@@ -1,12 +1,16 @@
+import { PageHeader } from "@/components/general/PageHeader";
+
 function NotFoundPage() {
   return (
     <main className="site-main" id="main">
       <div>
-        <h1>404: Side ikke funnet</h1>
-        <div className="lead">Denne siden er på grisefest. Lykke til videre.</div>
+        <PageHeader
+          heading="404: Side ikke funnet"
+          lead="Denne siden er på grisefest. Lykke til videre."
+        />
       </div>
     </main>
   );
 }
 
-export default NotFoundPage;
+export default NotFoundPage;