chore(ui): merge SideBar and ProgressionSideBar

apps/site/components/withSidebar.tsx

@@ -14,9 +14,10 @@ import type { NavigationKeys } from '#site/types';
 type WithSidebarProps = {
   navKeys: Array<NavigationKeys>;
   context?: Record<string, RichTranslationValues>;
+  showProgressionIcons?: boolean;
 };
 
-const WithSidebar: FC<WithSidebarProps> = ({ navKeys, context }) => {
+const WithSidebar: FC<WithSidebarProps> = ({ navKeys, context, ...props }) => {
   const { getSideNavigation } = useSiteNavigation();
   const pathname = usePathname()!;
   const locale = useLocale();
@@ -35,8 +36,9 @@ const WithSidebar: FC<WithSidebarProps> = ({ navKeys, context }) => {
       groups={mappedSidebarItems}
       pathname={pathname.replace(`/${locale}`, '')}
       title={t('components.common.sidebar.title')}
-      onSelect={value => push(value)}
+      onSelect={push}
       as={Link}
+      {...props}
     />
   );
 };

apps/site/layouts/Learn.tsx

@@ -5,15 +5,15 @@ import WithBreadcrumbs from '#site/components/withBreadcrumbs';
 import WithFooter from '#site/components/withFooter';
 import WithMetaBar from '#site/components/withMetaBar';
 import WithNavBar from '#site/components/withNavBar';
-import WithProgressionSidebar from '#site/components/withProgressionSidebar';
+import SideBar from '#site/components/withSidebar';
 import WithSidebarCrossLinks from '#site/components/withSidebarCrossLinks';
 
 const LearnLayout: FC<PropsWithChildren> = ({ children }) => (
   <>
     <WithNavBar />
 
     <Article>
-      <WithProgressionSidebar navKey="learn" />
+      <SideBar navKeys={['learn']} showProgressionIcons={true} />
 
       <div>
         <main>