docs: collapse sidebar by default in main docs + persist state (#8608)

* docs: collapse sidebar by default in main docs + persist state

* persist sidebar hidden

www/apps/api-reference/providers/sidebar.tsx

@@ -33,6 +33,8 @@ const SidebarProvider = ({ children }: SidebarProviderProps) => {
       scrollableElement={scrollableElement}
       initialItems={config.sidebar}
       resetOnCondition={resetOnCondition}
+      persistState={false}
+      projectName="api"
     >
       {children}
     </UiSidebarProvider>

www/apps/book/providers/sidebar.tsx

@@ -21,6 +21,7 @@ const SidebarProvider = ({ children }: SidebarProviderProps) => {
       initialItems={config.sidebar}
       staticSidebarItems={true}
       disableActiveTransition={true}
+      projectName="docs"
     >
       {children}
     </UiSidebarProvider>

www/apps/book/utils/number-sidebar-items.mjs

@@ -14,24 +14,27 @@ export default function numberSidebarItems(sidebarItems, numbering = [1]) {
   const numberedItems = []
   /** @type {import("@/types").SidebarItem | undefined} */
   let parentItem
-  sidebarItems.forEach((item) => {
+  sidebarItems.forEach((item, index) => {
     if (item.type === "separator") {
       ;(parentItem?.children || numberedItems).push(item)
     }
+
+    // append current number to the item's title
+    item.number = `${numbering.join(".")}.`
+    item.title = `${item.number} ${item.title.trim()}`
+
     if (isTopItems) {
       // Add chapter category
       numberedItems.push({
         type: "category",
-        title: `Chapter ${padNumber(numbering[0])}`,
+        title: item.title,
         children: [],
         loaded: true,
+        initialOpen: false,
       })
 
       parentItem = numberedItems[numberedItems.length - 1]
     }
-    // append current number to the item's title
-    item.number = `${numbering.join(".")}.`
-    item.title = `${item.number} ${item.title.trim()}`
 
     if (item.children) {
       item.children = numberSidebarItems(item.children, [...numbering, 1])

www/apps/resources/providers/sidebar.tsx

@@ -20,6 +20,7 @@ const SidebarProvider = ({ children }: SidebarProviderProps) => {
       initialItems={config.sidebar}
       staticSidebarItems={true}
       disableActiveTransition={true}
+      projectName="resources"
     >
       {children}
     </UiSidebarProvider>

www/apps/ui/src/providers/sidebar.tsx

@@ -17,6 +17,7 @@ const SidebarProvider = ({ children }: SidebarProviderProps) => {
       shouldHandlePathChange={true}
       scrollableElement={scrollableElement}
       disableActiveTransition={true}
+      projectName="ui"
     >
       {children}
     </UiSidebarProvider>

www/apps/user-guide/providers/sidebar.tsx

@@ -20,6 +20,7 @@ const SidebarProvider = ({ children }: SidebarProviderProps) => {
       initialItems={config.sidebar}
       staticSidebarItems={true}
       disableActiveTransition={true}
+      projectName="user-guide"
     >
       {children}
     </UiSidebarProvider>