feat(docs): restructure sidebar dropdowns and replace /docs STUB

pages/docs/index.md

@@ -1,3 +1,11 @@
+---
+authors: moshams272
+---
+
 # Documentation
 
-STUB
+These pages provide technical details on webpack's API.
+
+- [Webpack](/docs/api/v5.x) — Explore the webpack's core configuration, CLI commands, and APIs.
+- [Loaders](/docs/loaders) — Discover third-party loaders to process CSS, TypeScript, images, and other file types.
+- [Plugins](/docs/plugins) — Browse community plugins to extend webpack for build optimization, asset management, and more.

pages/site.mjs

@@ -33,10 +33,10 @@ export const sidebar = {
             link: `/docs/api/v${major(v)}.x`,
           })),
         },
+        ...loaders.sidebar,
+        ...plugins.sidebar,
       ],
     },
-    ...loaders.sidebar,
-    ...plugins.sidebar,
   ],
   guides: guides.sidebar,
 };

scripts/markdown/readmes.mjs

@@ -70,11 +70,17 @@ const processRepos = async (repos, { label, basePath, outputDir }) => {
   const siteJson = {
     sidebar: [
       {
-        groupName: label,
-        items: fetched.map(name => ({
-          link: `${basePath}/${name}`,
-          label: name.replace(/-(?:webpack-)?(?:loader|plugin)$/, ''),
-        })),
+        label: label,
+        items: [
+          {
+            link: basePath,
+            label: 'Overview',
+          },
+          ...fetched.map(name => ({
+            link: `${basePath}/${name}`,
+            label: name.replace(/-(?:webpack-)?(?:loader|plugin)$/, ''),
+          })),
+        ],
       },
     ],
   };