568 Improve Shopify README formatting

Author: monikakuster

server/libs/modules/components/shopify/src/main/resources/README.mdx

@@ -2,67 +2,67 @@
 
 ### Create Shopify App (Credentials and Shop Name)
 
-1. Navigate to https://dev.shopify.com/dashboard/
-2. Click on "Create app"
-3. Enter App name and click on "Create"
-4. Enter app and redirect url. Depending on which version of ByteChef you are using enter link or link for "Redirect URL". And link or link for "App URL"
+1. Navigate to https://dev.shopify.com/dashboard/.
+2. Click on **Create app**.
+3. Enter App name and click on **Create**.
+4. Enter app and redirect url. Depending on which version of ByteChef you are using enter link or link for **Redirect URL**. And link or link for **App URL**.
 5. Enter required scopes:
     read_customers,read_draft_orders,read_orders,write_orders,write_products
-and click on "Release"
-6. Click on "Release"
-7. Click on "Settings"
-8. Here you can see your credentials
-9. Click on your account icon
-10. Click on shop you want to connect to
-11. Click on "Settings"
-12. Here you can see your "Shop name"
-13. Done 🚀
+and click on **Release**
+6. Click on **Release**.
+7. Click on **Settings**.
+8. Here you can see your credentials.
+9. Click on your account icon.
+10. Click on shop you want to connect to.
+11. Click on **Settings**.
+12. Here you can see your **Shop name**.
+13. Done 🚀.
 
 <div style={{ position: 'relative', height:0, width: '100%', overflow: 'hidden', zIndex: 99999, boxSizing: 'border-box', paddingBottom: 'calc(50.05219207% + 32px)'}}>
     <iframe src="https://www.guidejar.com/embed/14813747-a521-4abe-a5d4-077b94f25c78?type=1&controls=on" width="100%" height="100%" style={{height:'100%', position:'absolute', inset:0, border: 'none'}} allowFullScreen></iframe>
 </div>
 
 ### Install Shopify App
 
-1. Navigate to https://dev.shopify.com/dashboard/
-2. Click your app
-3. Click on "Install app"
-4. Choose Shopify store you want to install your app in
-5. Click on "Install"
-6. Click on "Settings"
-7. Click on "Apps and sales channels"
-8. Here you can see your app is installed
-9. Done 🚀
+1. Navigate to https://dev.shopify.com/dashboard/.
+2. Click your app.
+3. Click on **Install app**.
+4. Choose Shopify store you want to install your app in.
+5. Click on **Install**.
+6. Click on **Settings**.
+7. Click on **Apps and sales channels**.
+8. Here you can see your app is installed.
+9. Done. 🚀
 
 <div style={{ position: 'relative', height:0, width: '100%', overflow: 'hidden', zIndex: 99999, boxSizing: 'border-box', paddingBottom: 'calc(50.05219207% + 32px)'}}>
     <iframe src="https://www.guidejar.com/embed/980d4914-8f34-429d-8064-9daf53070d9d?type=1&controls=on" width="100%" height="100%" style={{height:'100%', position:'absolute', inset:0, border: 'none'}} allowFullScreen></iframe>
 </div>
 
 ### Enable Read All Orders Permission
 
-1. Navigate to https://partners.shopify.com/organizations
-2. Choose your organization
-3. Click on your app
-4. Click on "API access requests"
-5. Click on "Choose distribution"
-6. Click on "Custom Distribution"
-7. Click on "Select"
-8. Click on "Select custom distribution"
-9. Enter your "Shop name" here. In this example it is "bytechef-test-store.myshopify.com"
-10. Click on "Generate link"
-11. Click on "Generate link"
-12. Click on "API access requests"
-13. Click on "Request access" under "Read all orders scope"
-14. Enter reason here
-15. Click on "Request access"
-16. Navigate to https://dev.shopify.com/dashboard/
-17. Click on your app
-18. Click on "Versions"
-19. Click "Create a version"
-20. Add "read_all_orders" to scopes
-21. Click on "Release"
-22. Click on "Release"
-23. Done 🚀
+1. Navigate to https://partners.shopify.com/organizations.
+2. Choose your organization.
+3. Click on your app.
+4. Click on **API access requests**.
+5. Click on **Choose distribution**.
+6. Click on **Custom Distribution**.
+7. Click on **Select**.
+8. Click on **Select custom distribution**.
+9. Enter your **Shop name** here. In this example it is `bytechef-test-store.myshopify.com`.
+10. Click on **Generate link**.
+11. Click on **Generate link**.
+12. Click on **API access requests**.
+13. Click on **Request access** under **Read all orders scope**.
+14. Enter reason here.
+15. Click on **Request access**.
+16. Navigate to https://dev.shopify.com/dashboard/.
+17. Click on your app.
+18. Click on **Versions**.
+19. Click **Create a version**.
+20. Add `read_all_orders` to scopes.
+21. Click on **Release**.
+22. Click on **Release**.
+23. Done 🚀.
 
 <div style={{ position: 'relative', height:0, width: '100%', overflow: 'hidden', zIndex: 99999, boxSizing: 'border-box', paddingBottom: 'calc(50.05219207% + 32px)'}}>
     <iframe src="https://www.guidejar.com/embed/ef35fc0e-cfd2-4233-899a-c1745f181246?type=1&controls=on" width="100%" height="100%" style={{height:'100%', position:'absolute', inset:0, border: 'none'}} allowFullScreen></iframe>