feat: Changes default collapse behaviour

Author: steven-committed

theme/src/components/Tree.tsx

@@ -30,9 +30,10 @@ export const Tree = ({
     false
 
   const toggle = (id) => {
+    // Assume all navigation is collapsed at first. If undefined we expand, if not toggle.
     setCollapsed({
       ...collapsed,
-      [id]: !collapsed[id],
+      [id]: collapsed[id] === undefined ? false : !collapsed[id],
     })
   }
 

theme/src/components/TreeNode.tsx

@@ -41,7 +41,7 @@ export const TreeNode = React.memo(
     const theme = useTheme<Theme>()
     const { navVariant, setOpen } = useLayout()
     const url = firstUrl({ id, label, items, info })
-    const isCollapsed = collapsed[id] || false
+    const isCollapsed = collapsed[id] === undefined ? true : collapsed[id]
     const hasChildren = items.length !== 0
     const title = info ? info.title : label
     const active = isActive(id)