fix: fix alignmentof the chevron right also on the navigations

Author: serapieTuyishime

src/components/sections/profile/Navigation.tsx

@@ -107,7 +107,7 @@ export default function ProfileNagivation(): ReactElement {
                 <li key={`profile-menu-subItem-${k}`} className="text-sm relative text-primary">
                   <Link href={item.link} className={`relative text-gray-500 ${isCurrentMenuItem(item) && "text-primary"}`}>
                     {isCurrentMenuItem(item) && (
-                      <span className="inline-block absolute -left-6 nav-icon">
+                      <span className="!inline-block absolute -left-6 nav-icon">
                         <ChevronRightIcon />
                       </span>
                     )}

src/components/ui/SideNavigation/_partials/Content.tsx

@@ -34,7 +34,7 @@ export function NavItem({ item, isActive = false, expanded = false }: NavItemPro
   const { t } = useTranslation();
   return (
     <span>
-      <span style={{ display: isActive ? "inline-block" : "none" }} className="absolute top-0 inline-block -left-6 nav-icon">
+      <span style={{ display: isActive ? "!inline-block" : "none" }} className="absolute top-0 inline-block -left-6 nav-icon">
         <ChevronRightIcon className={`transition-transform duration-200 ${item.subitems && item.subitems.length && isActive && expanded ? "transform rotate-90" : ""}`} />
       </span>
       <span className="nav-label">{t(item.label)}</span>