docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233)

* docs: create a new UI docs project

* fix installation errors

* docs: migrate UI docs content to new project (#13241)

* Fix content

* added examples for some components

* finish adding examples

* lint fix

* fix build errors

* delete empty files

* path fixes + refactor

* fix build error

www/apps/ui/app/components/badge/page.mdx

@@ -0,0 +1,46 @@
+import { ComponentExample } from "@/components/ComponentExample"
+import { ComponentReference } from "@/components/ComponentReference"
+
+export const metadata = {
+  title: `Badge`,
+}
+
+# {metadata.title}
+
+A component for displaying labels or indicators in a badge style.
+
+In this guide, you'll learn how to use the Badge component.
+
+<ComponentExample name="badge-demo" />
+
+## Usage
+
+```tsx
+import { Badge } from "@medusajs/ui"
+```
+
+```tsx
+<Badge>Badge</Badge>
+```
+
+---
+
+## API Reference
+
+<ComponentReference mainComponent="Badge" />
+
+---
+
+## Examples
+
+### Badge Colors
+
+<ComponentExample name="badge-all-colors" />
+
+### Badge Sizes
+
+<ComponentExample name="badge-all-sizes" />
+
+### Badge Rounded Variants
+
+<ComponentExample name="badge-all-rounded" hideFeedback />