docs(ui,docs): Add documentation for Medusa UI 2.0.0 (#5227)

* add docs for medusa ui 2.0.0

* fix: copy as child example

* fix: dropdown menu example

* add accordion examples

* fix lint issues

* fix apos in progress tabs demo

* resolve comments

* add icon

* bump z-index on modals to prevent clashing with navbar

* add sidebar item and card

* undo modal z index changes

* add links to updated and new components

* update version

* rm inline code formatting on links

---------

Co-authored-by: Shahed Nasser <shahednasser@gmail.com>

www/apps/ui/src/content/docs/components/progress-tabs.mdx

@@ -0,0 +1,50 @@
+---
+title: "Progress Tabs"
+description: "A set of layered content panels, known as tabs, specifically designed for implementing multi-step tasks"
+component: true
+---
+
+<ComponentExample name="progress-tabs-demo" />
+
+## Usage
+
+---
+
+```tsx
+import { ProgressTabs } from "@medusajs/ui"
+```
+
+```tsx
+<ProgressTabs defaultValue="general">
+  <ProgressTabs.List>
+    <ProgressTabs.Trigger value="general">
+      General
+    </ProgressTabs.Trigger>
+    <ProgressTabs.Trigger value="shipping">
+        Shipping
+    </ProgressTabs.Trigger>
+    <ProgressTabs.Trigger value="payment">
+      Payment
+    </ProgressTabs.Trigger>
+  </ProgressTabs.List>
+  <ProgressTabs.Content value="general">
+    {/* Content */}
+  </ProgressTabs.Content>
+    <ProgressTabs.Content value="shipping">
+       {/* Content */}
+    </ProgressTabs.Content>
+    <ProgressTabs.Content value="payment">
+        {/* Content */}
+  </ProgressTabs.Content>
+</ProgressTabs>
+```
+
+## API Reference
+
+---
+
+This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.
+
+### ProgressAccordion.Header
+
+<ComponentProps component="progress-tabs-trigger" />