fix: keep leftsidebar present across page changes for inkeep persistency

Author: jamiehenson

src/components/Layout/Layout.tsx

@@ -42,8 +42,13 @@ const Layout: React.FC<LayoutProps> = ({ children, pageContext }) => {
   return (
     <GlobalLoading template={template}>
       <Header />
-      <div className="flex pt-16 px-12 md:px-0 md:gap-12 lg:gap-16 xl:gap-20 justify-center">
-        {leftSidebar ? <LeftSidebar /> : <div />}
+      <div
+        className={cn(
+          'flex pt-16 px-12 md:px-0 md:gap-12 lg:gap-16 xl:gap-20 justify-center',
+          !leftSidebar && 'md:px-12',
+        )}
+      >
+        <LeftSidebar className={cn(!leftSidebar && 'md:hidden')} />
         <div className="flex-1 flex justify-center min-w-0">
           <div className="max-w-screen-lg w-full flex md:gap-12 lg:gap-16 xl:gap-20">
             <Container as="main" className={cn('flex-1 px-4 -mx-4', { 'overflow-x-auto': !isRedocPage })}>

src/components/Layout/LeftSidebar.tsx

@@ -11,6 +11,7 @@ import { useLayoutContext } from 'src/contexts/layout-context';
 import { interactiveButtonClassName } from './utils/styles';
 
 type LeftSidebarProps = {
+  className?: string;
   inHeader?: boolean;
 };
 
@@ -113,7 +114,7 @@ const ChildAccordion = ({ content, tree }: { content: (NavProductPage | NavProdu
   );
 };
 
-const LeftSidebar = ({ inHeader = false }: LeftSidebarProps) => {
+const LeftSidebar = ({ className, inHeader = false }: LeftSidebarProps) => {
   const { activePage } = useLayoutContext();
   const [openProduct, setOpenProduct] = useState<string | null>(`item-${activePage.tree[0]?.index}`);
   const {
@@ -133,7 +134,7 @@ const LeftSidebar = ({ inHeader = false }: LeftSidebarProps) => {
   `);
 
   return (
-    <div className={cn('sticky top-16 h-full', inHeader ? 'w-full' : 'w-[280px] hidden md:block')}>
+    <div className={cn('sticky top-16 h-full', inHeader ? 'w-full' : 'w-[280px] hidden md:block', className)}>
       <div
         id={inHeader ? 'inkeep-search-mobile-mount' : 'inkeep-search-mount'}
         className={cn(