fix(docs): preserve spacing above nested sidebar sections

Author: waleedlatif1

apps/docs/components/docs-layout/docs-sidebar.tsx

@@ -56,7 +56,7 @@ function SidebarScrollArea() {
       className={cn('min-h-0 flex-1 overflow-y-auto overscroll-contain', scrollFadeClass)}
       {...scrollFadeAttributes(edges)}
     >
-      <div className='flex flex-col gap-px px-2 py-4 lg:pr-3.5 lg:pl-[calc(var(--nav-inset)-8px)]'>
+      <div className='flex flex-col gap-px px-2 py-4 lg:pr-3.5 lg:pl-[calc(var(--nav-inset)-8px)] [&>[data-separator]:first-child]:mt-0'>
         <SidebarTree key={root.$id} nodes={root.children} />
       </div>
     </div>

apps/docs/components/docs-layout/sidebar-components.tsx

@@ -121,7 +121,7 @@ export function SidebarFolder({ item, children }: SidebarFolderProps) {
 
 export function SidebarSeparator({ item }: SidebarSeparatorProps) {
   return (
-    <div data-separator className='mt-4 mb-1.5 px-2 first:mt-0'>
+    <div data-separator className='mt-4 mb-1.5 px-2'>
       <p className='text-[var(--text-icon)] text-caption'>{item.name}</p>
     </div>
   )