docs: fix typos + clarify example in UI docs (#11543)

www/apps/resources/app/recipes/marketplace/examples/restaurant-delivery/page.mdx

@@ -3292,9 +3292,9 @@ You can use a custom Next.js project, or use Medusa's Next.js Starter storefront
 
 Before adding the storefront UI, you need an API route that allows a client to stream delivery changes.
 
-So, create the file `src/api/deliveries/subscribe/route.ts` with the following content:
+So, create the file `src/api/deliveries/[id]/subscribe/route.ts` with the following content:
 
-```ts title="src/api/deliveries/subscribe/route.ts" collapsibleLines="1-12" expandButtonLabel="Show Imports"
+```ts title="src/api/deliveries/[id]/subscribe/route.ts" collapsibleLines="1-12" expandButtonLabel="Show Imports"
 import { 
   MedusaRequest, 
   MedusaResponse,

www/apps/resources/app/recipes/marketplace/examples/vendors/page.mdx

@@ -9,7 +9,7 @@ export const metadata = {
 
 In this guide, you'll learn how to build a marketplace with Medusa.
 
-When you install a Medusa application, you get a fully-fledged commerce platform with support for customizations. While Medusa doesn't provide marketeplace functionalities natively, it provides features that you can extend and a framework to support all your customization needs to build a marketplace.
+When you install a Medusa application, you get a fully-fledged commerce platform with support for customizations. While Medusa doesn't provide marketplace functionalities natively, it provides features that you can extend and a framework to support all your customization needs to build a marketplace.
 
 In this guide, you'll customize Medusa to build a marketplace with the following features:
 
@@ -260,7 +260,7 @@ To create tables for the marketplace data models in the database, start by gener
 npx medusa db:generate marketplaceModuleService
 ```
 
-This generates a migration in the `src/modules/marketeplace/migrations` directory.
+This generates a migration in the `src/modules/marketplace/migrations` directory.
 
 Then, to reflect the migration and links in the database, run the following command:
 

www/apps/resources/generated/edit-dates.mjs

@@ -116,7 +116,7 @@ export const generatedEditDates = {
   "app/recipes/digital-products/page.mdx": "2025-01-06T11:19:35.623Z",
   "app/recipes/ecommerce/page.mdx": "2024-10-22T11:01:01.218Z",
   "app/recipes/integrate-ecommerce-stack/page.mdx": "2024-12-09T13:03:35.846Z",
-  "app/recipes/marketplace/examples/vendors/page.mdx": "2025-02-11T12:59:00.539Z",
+  "app/recipes/marketplace/examples/vendors/page.mdx": "2025-02-20T07:20:47.970Z",
   "app/recipes/marketplace/page.mdx": "2024-10-03T13:07:44.153Z",
   "app/recipes/multi-region-store/page.mdx": "2024-10-03T13:07:13.813Z",
   "app/recipes/omnichannel/page.mdx": "2024-10-03T13:07:14.384Z",
@@ -577,7 +577,7 @@ export const generatedEditDates = {
   "app/medusa-cli/commands/start/page.mdx": "2024-08-28T10:44:19.952Z",
   "app/medusa-cli/commands/telemtry/page.mdx": "2025-01-16T09:51:24.323Z",
   "app/medusa-cli/commands/user/page.mdx": "2024-08-28T10:44:52.489Z",
-  "app/recipes/marketplace/examples/restaurant-delivery/page.mdx": "2025-02-11T15:51:17.490Z",
+  "app/recipes/marketplace/examples/restaurant-delivery/page.mdx": "2025-02-20T07:20:20.650Z",
   "references/types/HttpTypes/interfaces/types.HttpTypes.AdminCreateCustomerGroup/page.mdx": "2024-12-09T13:21:33.569Z",
   "references/types/HttpTypes/interfaces/types.HttpTypes.AdminCreateReservation/page.mdx": "2024-12-09T13:21:34.505Z",
   "references/types/HttpTypes/interfaces/types.HttpTypes.AdminCustomerGroup/page.mdx": "2024-12-23T13:57:05.262Z",

www/apps/ui/src/examples/command-bar-demo.tsx

@@ -1,11 +1,11 @@
-import { Checkbox, CommandBar, Label } from "@medusajs/ui"
+import { Checkbox, CommandBar, Label, Text } from "@medusajs/ui"
 import * as React from "react"
 
 export default function CommandBarDemo() {
   const [selected, setSelected] = React.useState<boolean>(false)
 
   return (
-    <div className="flex items-center justify-center">
+    <div className="flex justify-center gap-y-2 flex-col">
       <div className="flex items-center gap-x-2">
         <Checkbox
           checked={selected}
@@ -15,6 +15,7 @@ export default function CommandBarDemo() {
         />
         <Label>Item One</Label>
       </div>
+      <div><Text size="small" className="text-ui-fg-muted">Check the box to view the command bar</Text></div>
       <CommandBar open={selected}>
         <CommandBar.Bar>
           <CommandBar.Value>1 selected</CommandBar.Value>