docs: change notes across docs based on redesign (#8662)

Change the prerequisites / soon / other notes based on latest redesign

Depends on #8661

www/apps/resources/app/deployment/admin/vercel/page.mdx

@@ -2,6 +2,8 @@
 sidebar_label: "Vercel"
 ---
 
+import { Prerequisites } from "docs-ui"
+
 export const metadata = {
   title: `Deploy Medusa Admin to Vercel`,
 }
@@ -18,12 +20,16 @@ As Medusa v2 is still in active development, it's highly recommended not to depl
 
 ---
 
-<Note type="check">
-
-- [Medusa application](!docs!)’s codebase hosted on GitHub repository.
-- [Deployed Medusa application](../../page.mdx#medusa-application).
-
-</Note>
+<Prerequisites items={[
+  {
+    text: "Medusa application’s codebase hosted on GitHub repository.",
+    link: "!docs!"
+  },
+  {
+    text: "Deployed Medusa application.",
+    link: "../../page.mdx#medusa-application"
+  },
+]} />
 
 ## 1. Configure Admin in Medusa
 

www/apps/resources/app/deployment/medusa-application/railway/page.mdx

@@ -2,7 +2,7 @@
 sidebar_label: "Railway"
 ---
 
-import { DetailsList } from "docs-ui"
+import { Prerequisites, DetailsList } from "docs-ui"
 import OutdatedPreviewContent from "../../../troubleshooting/_sections/common-installation-errors/outdated-preview.mdx"
 
 export const metadata = {
@@ -35,11 +35,12 @@ The same Medusa project is used to deploy the server and worker modes. Learn mor
 
 ---
 
-<Note type="check">
-
-- [Medusa application](!docs!) hosted in a GitHub repository.
-
-</Note>
+<Prerequisites items={[
+  {
+    text: "Medusa application’s codebase hosted on GitHub repository.",
+    link: "!docs!"
+  },
+]} />
 
 ## 1. Configure Medusa Application
 

www/apps/resources/app/deployment/storefront/vercel/page.mdx

@@ -2,6 +2,8 @@
 sidebar_label: "Vercel"
 ---
 
+import { Prerequisites } from "docs-ui"
+
 export const metadata = {
   title: `Deploy Medusa Admin to Vercel`,
 }
@@ -18,12 +20,16 @@ As Medusa v2 is still in active development, it's highly recommended not to depl
 
 ---
 
-<Note type="check">
-
-- [Storefront codebase](../../../nextjs-starter/page.mdx) hosted in a GitHub repository.
-- [Deployed Medusa application](../../page.mdx#medusa-application) with at least one region.
-
-</Note>
+<Prerequisites items={[
+  {
+    text: "Storefront codebase hosted in a GitHub repository.",
+    link: "../../../nextjs-starter/page.mdx"
+  },
+  {
+    text: "Deployed Medusa application with at least one region.",
+    link: "../../page.mdx#medusa-application"
+  },
+]} />
 
 ## 1. Create Vercel Project