Merge branch 'nested-country-managers' of https://bitbucket.org/ecropdev/encoach-landing-page into nested-country-managers

src/components/Navbar.tsx

@@ -1,12 +1,13 @@
 /* eslint-disable @next/next/no-img-element */
 "use client";
-import React from "react";
+
 import Link from "next/link";
 import Image from "next/image";
 import clsx from "clsx";
 import { BsList, BsXLg } from "react-icons/bs";
-import { Fragment, useState } from "react";
-import { Dialog, Transition } from "@headlessui/react";
+import { Fragment, useEffect, useState } from "react";
+import { Dialog, Menu, Transition } from "@headlessui/react";
+import { useRouter } from "next/navigation";
 import translation from "@/translation/navbar.json";
 import contacts from "@/contacts.json";
 
@@ -46,12 +47,7 @@ export default function Navbar({
             height={128}
           />
         </Link>
-        <div
-          className={clsx(
-            "flex w-fit items-center gap-8",
-            language === "ar" && "flex-row-reverse"
-          )}
-        >
+        <div className={clsx("flex w-fit items-center gap-8")}>
           {items.map((item) =>
             item.entries ? (
               <div
@@ -221,11 +217,7 @@ export default function Navbar({
                     ))}
                     <Link
                       href="https://platform.encoach.com/register"
-                      className={clsx(
-                        "w-fit transition duration-300 ease-in-out",
-                        currentPage === "/join" &&
-                          "text-mti-purple-light border-b-mti-purple-light border-b-2 font-semibold "
-                      )}
+                      className="w-fit transition duration-300 ease-in-out"
                     >
                       {translation.join[language]}
                     </Link>