docs: redesign notes (#8661)

* docs: redesign notes

* fix color for warning notes

* allow optional links

* show links in a note

* allow line code in notes

www/apps/book/app/advanced-development/data-models/manage-relationships/page.mdx

@@ -1,17 +1,13 @@
+import { BetaBadge } from "docs-ui"
+
 export const metadata = {
   title: `${pageNumber} Manage Relationships`,
 }
 
-# {metadata.title}
+# {metadata.title} <BetaBadge tooltipText="Data model relationships are in active development and may change." text="Beta" />
 
 In this chapter, you'll learn how to manage relationships between data models when creating, updating, or retrieving records using the module's main service.
 
-<Note type="soon" title="Important">
-
-Data model relationships are in active development and may change.
-
-</Note>
-
 ## Manage One-to-One and One-to-Many Relationship
 
 When you create a record of a data model that belongs to another, pass the ID of the other data model's record in the `{relation_name}_id` property.

www/apps/book/app/page.mdx

@@ -1,5 +1,6 @@
 import { CheckCircleSolid, BuildingStorefront, BuildingsSolid, ComputerDesktop, FlyingBox } from "@medusajs/icons"
 import { config } from "@/config"
+import { Prerequisites } from "docs-ui"
 
 export const metadata = {
   title: `${pageNumber} Introduction - ${config.titleSuffix}`,
@@ -20,14 +21,20 @@ With these tools, you save time you would spend with other platforms on maintain
 
 ## Get started
 
-
-<Note type="check">
-
-- [Node.js v20+](https://nodejs.org/en/download)
-- [Git CLI tool](https://git-scm.com/downloads)
-- [PostgreSQL](https://www.postgresql.org/download/)
-
-</Note>
+<Prerequisites items={[
+  {
+    text: "Node.js v20+",
+    link: "https://nodejs.org/en/download"
+  },
+  {
+    text: "Git CLI tool",
+    link: "https://git-scm.com/downloads"
+  },
+  {
+    text: "PostgreSQL",
+    link: "https://www.postgresql.org/download/"
+  }
+]} />
 
 Create your first Medusa store by running the following command: