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

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

Depends on #8661

www/apps/book/app/storefront-development/nextjs-starter/page.mdx

@@ -1,25 +1,24 @@
+import { Prerequisites, BetaBadge } from "docs-ui"
+
 export const metadata = {
   title: `${pageNumber} Next.js Starter`,
 }
 
-# {metadata.title}
+# {metadata.title} <BetaBadge text="Beta" tooltipText="The Next.js Starter is currently in development to fully support Medusa v2." />
 
 In this chapter, you’ll learn how to install and use the Next.js Starter storefront.
 
-<Note type="soon">
-
-The Next.js Starter is currently in development to fully support Medusa v2.
-
-</Note>
-
 ## Install Next.js Starter
 
-<Note type="check">
-
-- [Node v18+](https://nodejs.org/en/)
-- At least one region in the Medusa application.
-
-</Note>
+<Prerequisites items={[
+  {
+    text: "Node.js v20+",
+    link: "https://nodejs.org/en/download"
+  },
+  {
+    text: "At least one region in the Medusa application.",
+  },
+]} />
 
 1. Clone the `v2` branch of the [Next.js Starter](https://github.com/medusajs/nextjs-starter-medusa/tree/v2):