Added privacy policy

src/app/[locale]/(main)/components/Footer.tsx

@@ -4,6 +4,7 @@ import { useSetAtom } from "jotai";
 import { useTranslations } from "next-intl";
 import { useParams } from "next/navigation";
 import { FaGithub, FaRegEnvelope } from "react-icons/fa";
+import { MdOutlinePrivacyTip } from "react-icons/md";
 
 import { burgerMenuIsOpenAtom } from "@/atoms";
 import { Link, usePathname, useRouter } from "@/utils/navigation";
@@ -41,6 +42,13 @@ export default function Footer() {
         <Link href="/contact-us" aria-label={t("contactAria")} className="mr-4">
           <FaRegEnvelope />
         </Link>
+        <Link
+          href="/privacy"
+          aria-label={t("privacyPolicyAria")}
+          className="mr-4"
+        >
+          <MdOutlinePrivacyTip />
+        </Link>
         <div className="mr-4 space-x-2 text-xs">
           <button onClick={() => changeLanguage("fr")}>FR</button>
           <span>|</span>

src/app/[locale]/(main)/privacy/page.tsx

@@ -0,0 +1,53 @@
+import { useTranslations } from "next-intl";
+
+export default function Contact() {
+  const t = useTranslations("Privacy");
+
+  return (
+    <section className="bg-white pb-20 dark:bg-gray-800">
+      <div className="mx-auto max-w-screen-md px-4 py-8 lg:py-16">
+        <h2
+          className="mb-4 text-center text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white"
+          data-test="header2"
+        >
+          {t("title")}
+        </h2>
+
+        <div className="prose mt-20 text-gray-500 dark:text-gray-400">
+          <h2 className="dark:text-white">1. {t("introTitle")}</h2>
+          <p>{t("introInfo")}</p>
+
+          <h2 className="dark:text-white">2. {t("informationTitle")}</h2>
+          <p>{t("informationInfo")}</p>
+
+          <h2 className="dark:text-white">3. {t("useTitle")}</h2>
+          <p>{t("useInfo")}</p>
+
+          <h2 className="dark:text-white">4. {t("deleteTitle")}</h2>
+          <p>{t("deleteInfo")}</p>
+
+          <h2 className="dark:text-white">5. {t("shareTitle")}</h2>
+          <p>{t("shareInfo")}</p>
+
+          <h2 className="dark:text-white">6. {t("cookiesTitle")}</h2>
+          <p>
+            {t.rich("cookiesInfo", {
+              link: (str) => (
+                <a
+                  href="https://tinyanalytics.io"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {str}
+                </a>
+              ),
+            })}
+          </p>
+
+          <h2 className="dark:text-white">7. {t("changesTitle")}</h2>
+          <p>{t("changesInfo")}</p>
+        </div>
+      </div>
+    </section>
+  );
+}

src/app/[locale]/(main)/tournaments/page.tsx

@@ -1,6 +1,5 @@
 import {
   differenceInDays,
-  formatISO,
   isSameDay,
   parse,
   setDefaultOptions,

src/app/[locale]/layout.tsx

@@ -26,7 +26,7 @@ export async function generateMetadata({
   // While the `locale` is required, the namespace is optional and
   // identical to the parameter that `useTranslations` accepts.
   const t = await getTranslations({
-    locale: locale ?? "en",
+    locale: locale ?? "fr",
     namespace: "Metadata",
   });