Improved styling logic

Author: dhyeypatell

components/navbarItem/navbarItem.js

@@ -4,7 +4,7 @@ import EscapeOutside from "react-escape-outside";
 import NavbarLink from "../navbarLink/navbarLink";
 import styles from "../navbar/navbar.module.scss";
 import NavbarMenu from "../navbarMenu/navbarMenu";
-import data from "../../content/components/navbarItems.json";
+import data from "../../data/components/navbarItems.json";
 
 const NavbarItem = ({
   itemLabel,
@@ -38,11 +38,13 @@ const NavbarItem = ({
             label={itemLabel}
             link={itemLink}
             styleLink={
-              (asPath.slice(0, itemLink.length) === itemLink ||
-                itemLink.slice(0, data.navbarItems[0].reducedSlug.length) ===
-                  asPath.slice(0, data.navbarItems[0].reducedSlug.length)) &&
-              asPath !== data.navbarItems[2].navbarSubMenuItems[2].link &&
-              asPath !== data.navbarItems[3].link
+              asPath !== data.navbarItems[3].link &&
+              (itemLink === asPath ||
+                itemMenu?.find(
+                  item =>
+                    item.link === asPath ||
+                    item.subMenuSection?.find(subItem => subItem.link === asPath)
+                ))
                 ? styles.selectedNavbarItem
                 : undefined
             }