Add APIRequest to DLS docs

Author: angelampcosta

src/content/docs/data-localization/metadata-boundary/get-started.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Details } from "~/components";
+import { Details, APIRequest } from "~/components";
 
 You can configure the Metadata Boundary to select the region where your logs and analytics are stored via API or dashboard.
 
@@ -31,31 +31,25 @@ These are some examples of API requests.
 
 Here is an example request using cURL to get current regions (if any):
 
-```bash
-curl -s -D "/dev/stderr" https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/logs/control/cmb/config -X GET \
--H "X-Auth-Email: <EMAIL>" \
--H "X-Auth-Key: <KEY>" \
-| jq '.'
-```
+<APIRequest
+  path="/accounts/{account_id}/logs/control/cmb/config"
+  method="GET"
+/>
 
 </Details>
 
 <Details header="Setting regions">
 
 Here is an example request using cURL to set regions:
 
-```bash
-curl -s -D "/dev/stderr" https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/logs/control/cmb/config -X POST -d '
-{
-    "regions": "eu",
-    "allow_out_of_region_access": false
-}
-' \
--H "X-Auth-Email: <EMAIL>" \
--H "X-Auth-Key: <KEY>" \
-| jq '.'
-
-```
+<APIRequest
+  path="/accounts/{account_id}/logs/control/cmb/config"
+  method="POST"
+  json={{
+    regions: "eu",
+    allow_out_of_region_access: false
+  }}
+/>
 
 This will overwrite any previous regions.
 Change will be in effect after several minutes.
@@ -66,12 +60,10 @@ Change will be in effect after several minutes.
 
 Here is an example request using cURL to delete regions:
 
-```bash
-curl -s -D "/dev/stderr" https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/logs/control/cmb/config -X DELETE \
--H "X-Auth-Email: <EMAIL>" \
--H "X-Auth-Key: <KEY>" \
-| jq '.'
-```
+<APIRequest
+  path="/accounts/{account_id}/logs/control/cmb/config"
+  method="DELETE"
+/>
 
 </Details>
 

src/content/docs/data-localization/regional-services/get-started.mdx

@@ -8,7 +8,7 @@ head:
     content: Get Started — Regional Services
 ---
 
-import { Details } from "~/components";
+import { Details, APIRequest } from "~/components";
 
 :::note
 
@@ -45,10 +45,10 @@ These are some examples of API requests.
 
 <Details header="List all the available regions">
 
-```bash title="Request"
-curl "https://api.cloudflare.com/client/v4/accounts/{account_id}/addressing/regional_hostnames/regions" \
---header "Authorization: Bearer <API_TOKEN>" | jq .
-```
+<APIRequest
+  path="/accounts/{account_id}/addressing/regional_hostnames/regions"
+  method="GET"
+/>
 
 ```json title="Response"
 {
@@ -72,12 +72,14 @@ curl "https://api.cloudflare.com/client/v4/accounts/{account_id}/addressing/regi
 
 <Details header="Create a new regional hostname entry">
 
-```bash title="Request"
-curl "https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_hostnames" \
---header "Authorization: Bearer <API_TOKEN>" \
---header "Content-Type: application/json" \
---data '{"hostname": "ca.regional.ipam.rocks", "region_key": "ca"}' | jq .
-```
+<APIRequest
+  path="/zones/{zone_id}/addressing/regional_hostnames"
+  method="POST"
+  json={{
+    hostname: "ca.regional.ipam.rocks",
+    region_key: "ca"
+  }}
+/>
 
 ```json title="Response"
 {
@@ -96,10 +98,10 @@ curl "https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_h
 
 <Details header="List all regional hostnames for a zone or get a specific one">
 
-```bash title="Request"
-curl "https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_hostnames" \
---header "Authorization: Bearer <API_TOKEN>" | jq .
-```
+<APIRequest
+  path="/zones/{zone_id}/addressing/regional_hostnames"
+  method="GET"
+/>
 
 ```json title="Response"
 {
@@ -120,10 +122,10 @@ curl "https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_h
 
 <Details header="List all regional hostnames for a specific zone">
 
-```bash title="Request"
-curl "https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_hostnames/ca.regional.ipam.rocks" \
---header "Authorization: Bearer <API_TOKEN>" | jq .
-```
+<APIRequest
+  path="/zones/{zone_id}/addressing/regional_hostnames/{hostname}"
+  method="GET"
+/>
 
 ```json title="Response"
 {
@@ -142,13 +144,13 @@ curl "https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_h
 
 <Details header="Patch the region for a specific hostname">
 
-```bash title="Request"
-curl --request PATCH \
-"https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_hostnames/ca.regional.ipam.rocks" \
---header "Authorization: Bearer <API_TOKEN>" \
---header "Content-Type: application/json" \
---data '{"region_key": "eu"}' | jq .
-```
+<APIRequest
+  path="/zones/{zone_id}/addressing/regional_hostnames/{hostname}"
+  method="PATCH"
+  json={{
+    region_key: "eu"
+  }}
+/>
 
 ```json title="Response"
 {
@@ -167,11 +169,10 @@ curl --request PATCH \
 
 <Details header="Delete the region configuration">
 
-```bash title="Request"
-curl --request DELETE \
-"https://api.cloudflare.com/client/v4/zones/{zone_id}/addressing/regional_hostnames/ca.regional.ipam.rocks" \
---header "Authorization: Bearer <API_TOKEN>" | jq .
-```
+<APIRequest
+  path="/zones/{zone_id}/addressing/regional_hostnames/{hostname}"
+  method="DELETE"
+/>
 
 ```json title="Response"
 {