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/docs-ui/src/components/Breadcrumbs/index.tsx

@@ -17,8 +17,13 @@ export const Breadcrumbs = () => {
       tempBreadcrumbItems = getBreadcrumbsOfItem(item.previousSidebar)
     }
 
+    const parentPath =
+      item.parentItem?.type === "link" ? item.parentItem.path : undefined
+    const firstItemPath =
+      item.default[0].type === "link" ? item.default[0].path : undefined
+
     tempBreadcrumbItems.set(
-      item.parentItem?.path || item.top[0].path || "/",
+      parentPath || firstItemPath || "/",
       item.parentItem?.childSidebarTitle || item.parentItem?.title || ""
     )