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/apps/book/config/sidebar.tsx

@@ -1,17 +1,20 @@
 import { Badge, getMobileSidebarItems } from "docs-ui"
-import type { SidebarConfig, SidebarItemType } from "@/types"
+import type { SidebarConfig, SidebarItem } from "@/types"
 import { sidebar } from "../sidebar.mjs"
 
 const soonBadge = <Badge variant="blue">Soon</Badge>
 
-const normalizeSidebarItems = (items: SidebarItemType[]) =>
+const normalizeSidebarItems = (items: SidebarItem[]) =>
   items.map((item) => {
+    if (item.type === "separator") {
+      return item
+    }
     if (item.isSoon) {
       item.additionalElms = soonBadge
     }
 
     if (item.children) {
-      item.children = normalizeSidebarItems(item.children as SidebarItemType[])
+      item.children = normalizeSidebarItems(item.children as SidebarItem[])
     }
 
     return item
@@ -19,8 +22,7 @@ const normalizeSidebarItems = (items: SidebarItemType[]) =>
 
 export const sidebarConfig = (baseUrl: string): SidebarConfig => {
   return {
-    top: normalizeSidebarItems(sidebar),
-    bottom: [],
+    default: normalizeSidebarItems(sidebar),
     mobile: getMobileSidebarItems({
       baseUrl,
       version: "v2",