add concatct page

yoga-app/src/components/nav.component.tsx

@@ -8,7 +8,8 @@ export interface MenuItem{
     href?: string;
     label: string;
     children?: MenuItem[];
-    active?: boolean
+    active?: boolean,
+    styleClass?: string;
 }
 export interface Props{
     menuItems: MenuItem[];
@@ -58,7 +59,7 @@ const MenuItemComponent: FC<MenuItemProps>  = ({menuItem, dropdownItem}: MenuIte
         return (
             // <li className="nav-item active">
             <li className={clsx("nav-item", {"active": menuItem.active})}>
-                <a className={clsx("nav-link", {"dropdown-item":dropdownItem})} href={menuItem.href}>{menuItem.label}</a>
+                <a className={clsx("nav-link", {"dropdown-item":dropdownItem},menuItem.styleClass)} href={menuItem.href}>{menuItem.label}</a>
             </li>
         );
     }