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/user-guide/sidebar.mjs

@@ -5,51 +5,63 @@ import { sidebarAttachHrefCommonOptions } from "build-scripts"
 /** @type {import('types').RawSidebarItemType[]} */
 export const sidebar = sidebarAttachHrefCommonOptions([
   {
+    type: "link",
     path: "/",
     title: "Introduction",
   },
   {
+    type: "separator",
+  },
+  {
+    type: "category",
     title: "Tips",
     hasTitleStyling: true,
     autogenerate_path: "/tips",
   },
   {
+    type: "category",
     path: "/orders",
     title: "Orders",
     hasTitleStyling: true,
     autogenerate_path: "/orders",
   },
   {
+    type: "category",
     path: "/products",
     title: "Products",
     hasTitleStyling: true,
     autogenerate_path: "/products",
   },
   {
+    type: "category",
     path: "/inventory",
     title: "Inventory",
     hasTitleStyling: true,
     autogenerate_path: "/inventory",
   },
   {
+    type: "category",
     path: "/customers",
     title: "Customers",
     hasTitleStyling: true,
     autogenerate_path: "/customers",
   },
   {
+    type: "category",
     path: "/discounts",
     title: "Discounts",
     hasTitleStyling: true,
     autogenerate_path: "/discounts",
   },
   {
+    type: "category",
     path: "/pricing",
     title: "Pricing",
     hasTitleStyling: true,
     autogenerate_path: "/pricing",
   },
   {
+    type: "category",
     path: "/settings",
     title: "Settings",
     hasTitleStyling: true,