♻️ Deduplicate meta Description Tags Across Pages

Signed-off-by: Pascal Marco Caversaccio <pascal.caversaccio@hotmail.ch>

Author: pcaversaccio

interface/src/components/layout/Head.tsx

@@ -1,19 +1,21 @@
 import NextHead from "next/head";
+import { generateNextSeo } from "next-seo/pages";
 import { SITE_DESCRIPTION, SITE_NAME } from "@/lib/constants";
 
 interface Props {
   title?: string;
   description?: string;
 }
 
-export const Head = (props: Props) => {
+export const Head = ({ title, description }: Props) => {
+  const seoProps = {
+    title: title ? `${title} | ${SITE_NAME}` : SITE_NAME,
+    description: description ?? SITE_DESCRIPTION,
+  };
+
   return (
     <NextHead>
-      <title>{props.title ? `${props.title} | ${SITE_NAME}` : SITE_NAME}</title>
-      <meta
-        name="description"
-        content={props.description ?? SITE_DESCRIPTION}
-      />
+      {generateNextSeo(seoProps)}
       <meta name="viewport" content="width=device-width, initial-scale=1" />
     </NextHead>
   );