Link to min side from page

src/components/AktivitetskravInfoComponent.tsx

@@ -17,10 +17,6 @@ export const AktivitetskravInfoComponent = () => {
       <AktivitetskravInfo
         harArbeidsgiver={visning === "MED_ARBEIDSGIVER"}
       />
-
-      <Link className="flex self-center" href={process.env.NEXT_PUBLIC_MIN_SIDE_URL}>
-        Naviger til Min side
-      </Link>
     </Page>
   )
 }

src/components/page/Page.tsx

@@ -1,26 +1,35 @@
-import React, { ReactNode } from "react"
-import { PageHeadingWithImage } from "./PageHeadingWithImage"
-import { PageHeading } from "./PageHeading"
+import React, { ReactNode } from "react";
+import { PageHeadingWithImage } from "./PageHeadingWithImage";
+import { PageHeading } from "./PageHeading";
 import { MedUtenAGVisning } from "@/components/AktivitetskravInfoComponent";
+import { Link } from "@navikt/ds-react";
 
 interface Props {
-    headerText: ReactNode
-    image?: MedUtenAGVisning
-    children: ReactNode
+  headerText: ReactNode;
+  image?: MedUtenAGVisning;
+  children: ReactNode;
 }
 
 export const Page = ({ headerText, image, children }: Props) => {
-    return (
-        <div className="mb-8">
-            {image ? (
-                <PageHeadingWithImage headerText={headerText} image={image} />
-            ) : (
-                <PageHeading headerText={headerText} />
-            )}
+  return (
+    <div className="mb-8">
+      {image ? (
+        <PageHeadingWithImage headerText={headerText} image={image} />
+      ) : (
+        <PageHeading headerText={headerText} />
+      )}
 
-            <div className="flex flex-col items-center p-8">
-                <div className="flex flex-col max-w-4xl gap-8">{children}</div>
-            </div>
+      <div className="flex flex-col items-center p-8">
+        <div className="flex flex-col max-w-3xl gap-8">
+          {children}
+          <Link
+            className="flex self-center"
+            href={process.env.NEXT_PUBLIC_MIN_SIDE_URL}
+          >
+            Naviger til Min side
+          </Link>
         </div>
-    )
-}
+      </div>
+    </div>
+  );
+};

src/components/skeleton/AktivitetskravSkeletonComponent.tsx

@@ -7,13 +7,6 @@ export const AktivitetskravSkeletonComponent = () => {
   return (
     <Page headerText={<Skeleton>Informasjon om aktivitetsplikt</Skeleton>}>
       <AktivitetskravInfo harArbeidsgiver={true} displaySkeleton={true} />
-
-      <Link
-        className="flex self-center"
-        href={process.env.NEXT_PUBLIC_MIN_SIDE_URL}
-      >
-        Naviger til Min side
-      </Link>
     </Page>
   );
 };