docs: redesign sidebar (#8408)

* initial changes

* redesign the sidebar + nav drawer

* changes to sidebar items

* finish up sidebar redesign

* support new sidebar in resources

* general fixes

* integrate in ui

* support api reference

* refactor

* integrate in user guide

* docs: fix build errors

* fix user guide build

* more refactoring

* added banner

* added bottom logo + icon

* fix up sidebar

* fix up paddings

* fix shadow bottom

* docs: add table of content (#8445)

* add toc types

* implement toc functionality

* finished toc redesign

* redesigned table of content

* mobile fixes

* truncate text in toc

* mobile fixes

* merge fixes

* implement redesign

* add hide sidebar

* add menu action item

* finish up hide sidebar design

* implement redesign in resources

* integrate in api reference

* integrate changes in ui

* fixes to api reference scrolling

* fix build error

* fix build errors

* fixes

* fixes to sidebar

* general fixes

* fix active category not closing

* fix long titles

www/packages/remark-rehype-plugins/src/page-number.ts

@@ -1,12 +1,12 @@
 import path from "path"
 import type { Transformer } from "unified"
-import type { RawSidebarItemType } from "types"
+import type { RawSidebarItem } from "types"
 import type { UnistTree } from "./types/index.js"
 
 export function pageNumberRehypePlugin({
   sidebar,
 }: {
-  sidebar: RawSidebarItemType[]
+  sidebar: RawSidebarItem[]
 }): Transformer {
   return async (tree, file) => {
     const { valueToEstree } = await import("estree-util-value-to-estree")
@@ -66,12 +66,15 @@ export function pageNumberRehypePlugin({
 }
 
 function findSidebarItem(
-  sidebar: RawSidebarItemType[],
+  sidebar: RawSidebarItem[],
   path: string
-): RawSidebarItemType | undefined {
+): RawSidebarItem | undefined {
   let foundItem = undefined
   for (const item of sidebar) {
-    if (path === item.path) {
+    if (item.type === "separator") {
+      continue
+    }
+    if (item.type === "link" && path === item.path) {
       foundItem = item
     } else if (item.children) {
       foundItem = findSidebarItem(item.children, path)