docs: change navbar items + breadcrumb improvements (#9209)

- Add a new commerce module navbar item
- Rename Learning Resources to Development Resources (in navbar and across documentation content)
- Improve breadcrumbs to show categories / subcategories

Preview: https://resources-docs-git-docs-navbar-changes-medusajs.vercel.app/v2/resources

www/apps/resources/app/contribution-guidelines/docs/page.mdx

@@ -20,7 +20,7 @@ The workspace has the following two directories:
 
 - `apps`: this directory holds the different documentation websites and projects.
   - `book`: includes the codebase for the Medusa Book. It's built with [Next.js 14](https://nextjs.org/).
-  - `resources`: includes the codebase for the Medusa Learning Resources documentation. It's built with [Next.js 14](https://nextjs.org/).
+  - `resources`: includes the codebase for the Medusa Development Resources documentation. It's built with [Next.js 14](https://nextjs.org/).
   - `api-reference`: includes the codebase for the API reference website. It's built with [Next.js 14](https://nextjs.org/).
   - `ui`: includes the codebase for the Medusa UI documentation website. It's built with [Next.js 14](https://nextjs.org/).
 - `packages`: this directory holds the shared packages and components necessary for the development of the projects in the `apps` directory.
@@ -37,7 +37,7 @@ All documentation projects are built with Next.js. The content is writtin in MDX
 
 The content of the Medusa Book is placed under the `www/apps/book/app` directory.
 
-### Medusa Learning Resources Content
+### Medusa Development Resources Content
 
 The content of the Medusa Resources documentation is placed under the `www/apps/resources/app` directory.
 

www/apps/resources/app/layout.tsx

@@ -14,7 +14,7 @@ export const metadata: Metadata = {
     default: config.titleSuffix || "",
   },
   description:
-    "Explore Medusa's recipes, API references, configurations, and more.",
+    "Explore Medusa's recipes, API references, configurations, storefront guides, and more.",
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),

www/apps/resources/app/not-found.mdx

@@ -25,7 +25,7 @@ If you think this is a mistake, please [report this issue on GitHub](https://git
       icon: BookOpen
     },
     {
-      title: "Learning Resources",
+      title: "Development Resources",
       href: "!resources!",
       icon: AcademicCapSolid
     },

www/apps/resources/app/page.mdx

@@ -23,7 +23,7 @@ import {
   BuildingsSolid
 } from "@medusajs/icons"
 
-# Medusa Learning Resources
+# Medusa Development Resources
 
 Explore Medusa's commerce modules, SDKs, configurations, recipes, and more.
 

www/apps/resources/config/index.ts

@@ -5,7 +5,7 @@ import { generatedSidebar } from "../generated/sidebar.mjs"
 const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
 
 export const config: DocsConfig = {
-  titleSuffix: "Medusa Learning Resources",
+  titleSuffix: "Medusa Development Resources",
   baseUrl,
   basePath: process.env.NEXT_PUBLIC_BASE_PATH,
   sidebar: {

www/apps/resources/providers/main-nav.tsx

@@ -23,10 +23,14 @@ export const MainNavProvider = ({ children }: MainNavProviderProps) => {
     () =>
       getNavDropdownItems({
         basePath: config.baseUrl,
-        activePath: basePathUrl(),
+        activePath: basePathUrl(
+          pathname.startsWith("/commerce-modules")
+            ? "/commerce-modules"
+            : undefined
+        ),
         version: "v2",
       }),
-    []
+    [pathname]
   )
 
   const reportLink = useMemo(