docs: Add a highlight category for each Menu groups.

docs/sidebars.js

@@ -150,10 +150,80 @@ const sidebars = {
       ],
     },
   ],
+  // guidesSidebar: [
+  //   {
+  //     type: "autogenerated",
+  //     dirName: "guides",
+  //   },
+  // ],
   guidesSidebar: [
     {
-      type: "autogenerated",
+      type: "category",
-      dirName: "guides",
+      label: "Get Started",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/quickstart",
+        "guides/install",
+        "guides/start-server",
+        "guides/models-list"
+      ]
+    },
+    {
+      type: "category",
+      label: "Guides",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/best-practices",
+        "guides/thread",
+        "guides/faq",
+        "guides/hardware-requiement",
+      ]
+    },
+    {
+      type: "category",
+      label: "Advanced Features",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/models/README",
+        "guides/models/customize-engine",
+        "guides/models/import-models",
+        "guides/models/integrate-remote",
+        "guides/extensions/README",
+        "guides/extensions/import-ext",
+        "guides/extensions/setup-ext",
+        "guides/integration/README",
+        "guides/integration/azure",
+        "guides/integration/discord",
+        "guides/integration/groq",
+        "guides/integration/lmstudio",
+        "guides/integration/mistral",
+        "guides/integration/ollama",
+        "guides/integration/openinterpreter",
+        "guides/integration/openrouter",
+        "guides/integration/raycast",
+        "guides/integration/vscode",
+      ]
+    },
+    {
+      type: "category",
+      label: "Troubleshooting",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/common-error/README",
+        "guides/common-error/broken-build",
+        "guides/common-error/not-using-gpu",
+        "guides/error-codes/README",
+        "guides/error-codes/how-to-get-error-logs",
+        "guides/error-codes/permission-denied",
+        "guides/error-codes/something-amiss",
+        "guides/error-codes/undefined-issue",
+        "guides/error-codes/unexpected-token",
+        "guides/faq"
+      ]
     },
   ],
   developerSidebar: [

docs/src/css/custom.css

@@ -6,3 +6,18 @@
 [data-theme="dark"] .DocSearch {
   --docsearch-hit-active-color: #090a11; /* Keep the color unchanged */
 }
+
+/* sidebarStyles.css */
+.head_Menu div {
+  font-weight: bold;
+  background-color: whitesmoke;
+  margin-left: 0.7rem;
+  font-size: larger;
+}
+
+.head_Menu li {
+  /* Custom styles for the sidebar items */
+  font-weight: normal;
+  background-color: white;
+  margin-bottom: 5px; /* Adjust margin as needed */
+}