feat: breadcrumbs for My Pages

components/MyPages/Sidebar/helpers.ts

@@ -24,7 +24,7 @@ export function mapMenuItems(navigationItems: NavigationItem[]) {
       lang: node.system.locale,
       subItems: item.sub_items ? mapMenuItems(item.sub_items) : null,
       uid: node.system.uid,
-      url: `/${node.system.locale}/${getURL(node)}`.replaceAll("//+", "/"),
+      url: `/${node.system.locale}/${getURL(node)}`.replaceAll(/\/\/+/g, "/"),
     }
   })
 }

components/MyPages/Sidebar/index.tsx

@@ -30,21 +30,22 @@ export default async function Sidebar({ lang }: SidebarProps) {
         </Title>
         {menuItems.map((item) => (
           <Fragment key={item.uid}>
-            <Link href={item.url} variant="sidebar">
+            <Link href={item.url} partialMatch variant="sidebar">
               {item.linkText}
             </Link>
             {item.subItems
               ? item.subItems.map((subItem) => {
-                  return (
-                    <Link
-                      key={subItem.uid}
-                      href={subItem.url}
-                      variant="sidebar"
-                    >
-                      {subItem.linkText}
-                    </Link>
-                  )
-                })
+                return (
+                  <Link
+                    key={subItem.uid}
+                    href={subItem.url}
+                    partialMatch
+                    variant="sidebar"
+                  >
+                    {subItem.linkText}
+                  </Link>
+                )
+              })
               : null}
           </Fragment>
         ))}