docs: update and fix UI props docs (#10754)

www/apps/ui/src/examples/select-item-aligned.tsx

@@ -0,0 +1,35 @@
+import { Select } from "@medusajs/ui"
+
+export default function SelectItemAligned() {
+  return (
+    <div className="w-[256px]">
+      <Select>
+        <Select.Trigger>
+          <Select.Value placeholder="Select a currency" />
+        </Select.Trigger>
+        <Select.Content position="item-aligned">
+          {currencies.map((item) => (
+            <Select.Item key={item.value} value={item.value}>
+              {item.label}
+            </Select.Item>
+          ))}
+        </Select.Content>
+      </Select>
+    </div>
+  )
+}
+
+const currencies = [
+  {
+    value: "eur",
+    label: "EUR",
+  },
+  {
+    value: "usd",
+    label: "USD",
+  },
+  {
+    value: "dkk",
+    label: "DKK",
+  },
+]