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/recipes/subscriptions/examples/standard/page.mdx

@@ -1,4 +1,5 @@
 import { Github, PlaySolid } from "@medusajs/icons"
+import { Prerequisites } from "docs-ui"
 
 export const metadata = {
   title: `Subscriptions Recipe`,
@@ -41,11 +42,12 @@ By following this example, you’ll have a subscription commerce store with the
 
 ---
 
-<Note type="check">
-
-- [A new Medusa application installed.](!docs!#get-started)
-
-</Note>
+<Prerequisites items={[
+  {
+    text: "A new Medusa application installed.",
+    link: "!docs!#get-started"
+  },
+]} />
 
 ## Step 1: Create Subscription Module