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/ui/src/app/assets/sitemap.ts

@@ -2,7 +2,7 @@ import { MetadataRoute } from "next"
 
 import { docsConfig } from "@/config/docs"
 import { absoluteUrl } from "@/lib/absolute-url"
-import { SidebarItemType } from "types"
+import { SidebarItem } from "types"
 
 export default function sitemap(): MetadataRoute.Sitemap {
   const now = new Date()
@@ -12,23 +12,24 @@ export default function sitemap(): MetadataRoute.Sitemap {
     lastModified?: string | Date
   }> = []
 
-  function pushItems(newItems: SidebarItemType[]) {
+  function pushItems(newItems: SidebarItem[]) {
     newItems.forEach((item) => {
-      if (item.path) {
-        items.push({
-          url: absoluteUrl(item.path),
-          lastModified: now,
-        })
+      if (item.type !== "link") {
+        return
       }
 
+      items.push({
+        url: absoluteUrl(item.path),
+        lastModified: now,
+      })
+
       if (item.children) {
         pushItems(item.children)
       }
     })
   }
 
-  pushItems(docsConfig.sidebar.top)
-  pushItems(docsConfig.sidebar.bottom)
+  pushItems(docsConfig.sidebar.default)
 
   return items
 }

www/apps/ui/src/app/layout.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from "next"
 
-import { Navbar } from "@/components/navbar"
 import { Providers } from "@/providers"
 
 import { siteConfig } from "@/config/site"
@@ -36,11 +35,11 @@ export default function RootLayout({
   return (
     <TightLayout
       ProvidersComponent={Providers}
-      NavbarComponent={Navbar}
       sidebarProps={{
         expandItems: true,
       }}
       bodyClassName={clsx(inter.variable, robotoMono.variable)}
+      showBanner={false}
     >
       {children}
     </TightLayout>