modified docusaurus admonitions to docs

docs/content/advanced/backend/payment/frontend-payment-flow-in-checkout.md

@@ -3,16 +3,17 @@
 ## Introduction
 The purpose of this guide is to describe a checkout flow in Medusa. It is assumed that you've completed our [Quickstart](https://docs.medusajs.com/quickstart/quick-start) or [Tutorial](https://docs.medusajs.com/tutorial/set-up-your-development-environment) and are familiar with the technologies we use in our stack. Additionally, having an understanding of the [core API](https://docs.medusajs.com/api/store/auth) would serve as a great foundation for this walkthrough.
 
+
+
+```bash npm2yarn
+npm install @medusajs/medusa-js
+```
 :::note
 
 All code snippets in the following guide, use the JS SDK distributed through **npm**. To install it, run:
 
 :::
 
-```bash npm2yarn
-npm install @medusajs/medusa-js
-```
-
 ## Glossary
 - **Cart**: The Cart contains all the information needed for customers to complete an Order. In the Cart customers gather the items they wish to purchase, they add shipping and billing details and complete payment information.
 - **LineItem**: Line Items represent an expense added to a Cart. Typically this will be a Product Variant and a certain quantity of the same variant. Line Items hold descriptive fields that help communicate its contents and price.