fix: active link

Author: AugustinMauroy

apps/site/components/withProgressionSidebar.tsx

@@ -2,7 +2,11 @@
 
 import ProgressionSidebar from '@node-core/ui-components/Common/ProgressionSidebar';
 import { usePathname } from 'next/navigation';
-import { useTranslations, type RichTranslationValues } from 'next-intl';
+import {
+  useLocale,
+  useTranslations,
+  type RichTranslationValues,
+} from 'next-intl';
 import type { FC } from 'react';
 
 import Link from '@/components/Link';
@@ -21,6 +25,7 @@ const WithProgressionSidebar: FC<WithProgressionSidebarProps> = ({
 }) => {
   const { getSideNavigation } = useSiteNavigation();
   const pathname = usePathname();
+  const locale = useLocale();
   const t = useTranslations();
   const { push } = useRouter();
   const [[, sidebarNavigation]] = getSideNavigation([navKey], context);
@@ -35,7 +40,7 @@ const WithProgressionSidebar: FC<WithProgressionSidebarProps> = ({
   return (
     <ProgressionSidebar
       groups={mappedProgressionSidebarItems}
-      pathname={pathname!}
+      pathname={pathname?.replace(`/${locale}`, '')}
       title={t('components.common.sidebar.title')}
       onSelect={push}
       as={Link}

apps/site/components/withSidebar.tsx

@@ -2,7 +2,11 @@
 
 import Sidebar from '@node-core/ui-components/Containers/Sidebar';
 import { usePathname } from 'next/navigation';
-import { useTranslations, type RichTranslationValues } from 'next-intl';
+import {
+  useLocale,
+  useTranslations,
+  type RichTranslationValues,
+} from 'next-intl';
 import type { FC } from 'react';
 
 import Link from '@/components/Link';
@@ -18,6 +22,7 @@ type WithSidebarProps = {
 const WithSidebar: FC<WithSidebarProps> = ({ navKeys, context }) => {
   const { getSideNavigation } = useSiteNavigation();
   const pathname = usePathname()!;
+  const locale = useLocale();
   const t = useTranslations();
   const { push } = useRouter();
 
@@ -31,7 +36,7 @@ const WithSidebar: FC<WithSidebarProps> = ({ navKeys, context }) => {
   return (
     <Sidebar
       groups={mappedSidebarItems}
-      pathname={pathname}
+      pathname={pathname.replace(`/${locale}`, '')}
       title={t('components.common.sidebar.title')}
       onSelect={value => push(value)}
       as={Link}