fix(sidebar): Move SidebarMoreLinks into scrollable area

The More button expands 5 links that fell outside the viewport with
no way to scroll to them. sidebar-external-links used flex: 0 0 auto
so it never scrolled, and the sidebar clips overflow with hidden.

Moving SidebarMoreLinks inside the .toc/.sidebar-main div means
expanding More just adds content to the existing scroll container.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: rahulchhabria

src/components/sidebar/index.tsx

@@ -141,9 +141,7 @@ export async function Sidebar({path, versions}: SidebarProps) {
             <CloseSidebarOnNavigation sidebarToggleId={sidebarToggleId} />
             <ScrollActiveLink activeLinkSelector={activeLinkSelector} />
             <SidebarNavigation path={path} />
-          </div>
-          <SidebarSeparator />
-          <div className={`${styles['sidebar-external-links']} px-3`}>
+            <SidebarSeparator />
             <SidebarMoreLinks />
           </div>
         </div>
@@ -162,9 +160,7 @@ export async function Sidebar({path, versions}: SidebarProps) {
         <div className={`${styles['sidebar-main']} px-3`}>
           <ScrollActiveLink activeLinkSelector={activeLinkSelector} />
           <SidebarNavigation path={path} />
-        </div>
-        <SidebarSeparator />
-        <div className={`${styles['sidebar-external-links']} px-3`}>
+          <SidebarSeparator />
           <SidebarMoreLinks />
         </div>
       </div>