docs: make code blocks collapsible (#7606)

* added collapsible code feature

* fixed side shadow

* fix build errors

* change design

* make code blocks collapsible

www/apps/resources/app/commerce-modules/api-key/examples/page.mdx

@@ -119,7 +119,7 @@ In this guide, you’ll find common examples of how you can use the API Key Modu
 <CodeTabs groupId="app-type">
   <CodeTab label="Medusa API Router" value="medusa">
 
-  ```ts
+  ```ts collapsibleLines="1-9" expandButtonLabel="Show Imports"
   import { 
     AuthenticatedMedusaRequest, 
     MedusaResponse
@@ -257,7 +257,7 @@ In this guide, you’ll find common examples of how you can use the API Key Modu
 <CodeTabs groupId="app-type">
   <CodeTab label="Medusa API Router" value="medusa">
 
-  ```ts
+  ```ts collapsibleLines="1-8" expandButtonLabel="Show Imports"
   import { 
     AuthenticatedMedusaRequest, 
     MedusaResponse

www/apps/resources/app/commerce-modules/auth/examples/page.mdx

@@ -19,7 +19,7 @@ This example uses the [jsonwebtoken NPM package](https://www.npmjs.com/package/j
 <CodeTabs groupId="app-type">
   <CodeTab label="Medusa API Router" value="medusa">
 
-  ```ts
+  ```ts collapsibleLines="1-10" expandButtonLabel="Show Imports"
   import { MedusaRequest, MedusaResponse } from "@medusajs/medusa"
   import {
     IAuthModuleService,
@@ -122,7 +122,7 @@ This example uses the [jsonwebtoken NPM package](https://www.npmjs.com/package/j
 <CodeTabs groupId="app-type">
   <CodeTab label="Medusa API Router" value="medusa">
 
-  ```ts
+  ```ts collapsibleLines="1-10" expandButtonLabel="Show Imports"
   import { MedusaRequest, MedusaResponse } from "@medusajs/medusa"
   import {
     IAuthModuleService,
@@ -171,7 +171,7 @@ This example uses the [jsonwebtoken NPM package](https://www.npmjs.com/package/j
   </CodeTab>
   <CodeTab label="Next.js App Router" value="nextjs">
 
-  ```ts
+  ```ts collapsibleLines="1-7" expandButtonLabel="Show Imports"
   import { NextResponse } from "next/server"
 
   import {

www/apps/resources/app/commerce-modules/cart/promotions/page.mdx

@@ -41,7 +41,7 @@ Learn more about actions in the [Promotion Module’s documentation](../../promo
 
 </Note>
 
-```ts
+```ts collapsibleLines="1-8" expandButtonLabel="Show Imports"
 import {
   ComputeActionAdjustmentLine,
   ComputeActionItemLine,
@@ -101,7 +101,7 @@ The `computeActions` method accepts the existing adjustments of line items and s
 
 Then, use the returned `addItemAdjustment` and `addShippingMethodAdjustment` actions to set the cart’s line item and the shipping method’s adjustments.
 
-```ts
+```ts collapsibleLines="1-9" expandButtonLabel="Show Imports"
 import {
   AddItemAdjustmentAction,
   AddShippingMethodAdjustment,

www/apps/resources/app/commerce-modules/order/promotion-adjustments/page.mdx

@@ -41,7 +41,7 @@ Learn more about actions in the [Promotion Module’s documentation](../../promo
 
 </Note>
 
-```ts
+```ts collapsibleLines="1-10" expandButtonLabel="Show Imports"
 import {
   ComputeActionAdjustmentLine,
   ComputeActionItemLine,
@@ -103,7 +103,7 @@ The `computeActions` method accepts the existing adjustments of line items and s
 
 Then, use the returned `addItemAdjustment` and `addShippingMethodAdjustment` actions to set the order’s line items and the shipping method’s adjustments.
 
-```ts
+```ts collapsibleLines="1-9" expandButtonLabel="Show Imports"
 import {
   AddItemAdjustmentAction,
   AddShippingMethodAdjustment,

www/apps/resources/app/commerce-modules/pricing/examples/page.mdx

@@ -323,7 +323,7 @@ In this document, you’ll find common examples of how you can use the Pricing M
 <CodeTabs groupId="app-type">
   <CodeTab value="medusa" label="Medusa API Router">
 
-  ```ts
+  ```ts collapsibleLines="1-8" expandButtonLabel="Show Imports"
   import { MedusaRequest, MedusaResponse } from "@medusajs/medusa"
   import {
     IPricingModuleService,