docs: move sidebar for npm packages (#97)

## Description

Move sidebar items for packages below components so that users
navigating with the next buttons come across the components before the
other npm packages. I also removed the dedicated sidebar for the npm
packages and directly added them to the "regular" sidebar to reduce
confusions while navigating our documentation.

apps/docs/src/.vitepress/config.ts

@@ -29,62 +29,31 @@ export default defineConfig({
       { text: "Q&A", link: "https://github.com/schwarzit/onyx/discussions/categories/q-a" },
     ],
     socialLinks: [{ icon: "github", link: packageJson.repository.url }],
-    sidebar: {
-      // default sidebar items
-      "/": [
-        {
-          text: "Introduction",
-          collapsed: false,
-          items: [
-            { text: "Getting Started", link: "/getting-started" },
-            { text: "The Team", link: "/team" },
-          ],
-        },
-        {
-          text: "Advanced",
-          collapsed: false,
-          items: [
-            {
-              text: "Additional packages",
-              link: "/packages/",
-            },
-          ],
-        },
-        {
-          text: "Components",
-          base: "/components",
-          collapsed: false,
-          items: getComponents().map((name) => ({ text: name, link: `/${name}` })),
-        },
-      ],
-      // standalone sidebar for documentation about our additional packages
-      "/packages/": [
-        {
-          text: "Introduction",
-          items: [
-            { text: "Back to Onyx", link: "/getting-started" },
-            { text: "About", link: "/packages/" },
-          ],
-        },
-        {
-          text: "Additional packages",
-          base: "/packages",
-          items: [
-            {
-              text: "@sit-onyx/figma-utils",
-              link: "/figma-utils",
-            },
-            {
-              text: "@sit-onyx/headless",
-              link: "/headless",
-            },
-            {
-              text: "@sit-onyx/storybook-utils",
-              link: "/storybook-utils",
-            },
-          ],
-        },
-      ],
-    },
+    sidebar: [
+      {
+        text: "Introduction",
+        collapsed: false,
+        items: [
+          { text: "Getting Started", link: "/getting-started" },
+          { text: "The Team", link: "/team" },
+        ],
+      },
+      {
+        text: "Components",
+        base: "/components",
+        collapsed: false,
+        items: getComponents().map((name) => ({ text: name, link: `/${name}` })),
+      },
+      {
+        text: "Other Onyx npm packages",
+        base: "/packages",
+        collapsed: false,
+        items: [
+          { text: "Figma utilities", link: "/figma-utils" },
+          { text: "Headless composables", link: "/headless" },
+          { text: "Storybook utilities", link: "/storybook-utils" },
+        ],
+      },
+    ],
   },
 });