docs: add prepare script to generate sidebar (#11894)

www/apps/api-reference/components/MDXComponents/H2/index.tsx

@@ -1,15 +1,14 @@
 "use client"
 
 import { useScrollController, useSidebar, H2 as UiH2 } from "docs-ui"
+import { getSectionId } from "docs-utils"
 import { useEffect, useMemo, useRef, useState } from "react"
-import getSectionId from "../../../utils/get-section-id"
-import { Sidebar } from "types"
 
 type H2Props = React.HTMLAttributes<HTMLHeadingElement>
 
 const H2 = ({ children, ...props }: H2Props) => {
   const headingRef = useRef<HTMLHeadingElement>(null)
-  const { activePath, addItems, removeItems, shownSidebar } = useSidebar()
+  const { activePath } = useSidebar()
   const { scrollableElement, scrollToElement } = useScrollController()
   const [scrolledFirstTime, setScrolledFirstTime] = useState(false)
 
@@ -28,30 +27,6 @@ const H2 = ({ children, ...props }: H2Props) => {
     setScrolledFirstTime(scrolledFirstTime)
   }, [scrollableElement, headingRef, id])
 
-  useEffect(() => {
-    if (!shownSidebar) {
-      return
-    }
-    const items: Sidebar.SidebarItem[] = [
-      {
-        type: "link",
-        path: `${id}`,
-        title: children as string,
-        loaded: true,
-      },
-    ]
-    addItems(items, {
-      sidebar_id: shownSidebar.sidebar_id,
-    })
-
-    return () => {
-      removeItems({
-        items,
-        sidebar_id: shownSidebar.sidebar_id,
-      })
-    }
-  }, [id, shownSidebar?.sidebar_id])
-
   return (
     <UiH2 {...props} id={id} passRef={headingRef}>
       {children}