fixed cookie bar link and styling

src/components/Cookiebar/CookieBar.tsx

@@ -13,7 +13,9 @@ export const CookieBar = () => {
       buttonClasses={styles.button}
     >
       This website uses cookies to enhance the user experience.{" "}
-      <small>Click <Link to="/">here</Link> to learn more about cookies.</small>
+      <small>
+        Click <Link to="/pages/legal/cookies">here</Link> to learn more about cookies.
+      </small>
     </CookieConsent>
   );
 };

src/components/Layout/Layout.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import Helmet from "react-helmet";
 
-
 import { CookieBar } from "../Cookiebar/CookieBar";
 import * as styles from "./Layout.module.scss";
 import { useSiteMetadata } from "@/hooks";
@@ -13,12 +12,7 @@ interface Props {
   children: React.ReactNode;
 }
 
-const Layout: React.FC<Props> = ({
-  children,
-  title,
-  description,
-  socialImage = "",
-}: Props) => {
+const Layout: React.FC<Props> = ({ children, title, description, socialImage = "" }: Props) => {
   const { author, url } = useSiteMetadata();
   const metaImage = socialImage || author.photo;
   const metaImageUrl = url + metaImage;
@@ -36,8 +30,8 @@ const Layout: React.FC<Props> = ({
         <meta name="twitter:description" content={description} />
         <meta name="twitter:image" content={metaImageUrl} />
       </Helmet>
-      <CookieBar />
       {children}
+      <CookieBar />
     </div>
   );
 };

src/components/Layout/__snapshots__/Layout.test.tsx.snap

@@ -2,6 +2,7 @@
 
 exports[`Layout renders correctly 1`] = `
 <div>
+  test
   <div
     className="CookieConsent"
     style={
@@ -19,7 +20,7 @@ exports[`Layout renders correctly 1`] = `
       <small>
         Click 
         <a
-          href="/"
+          href="/pages/legal/cookies"
         >
           here
         </a>
@@ -40,6 +41,5 @@ exports[`Layout renders correctly 1`] = `
       </button>
     </div>
   </div>
-  test
 </div>
 `;