added anchorheading h2

Author: marciocloudflare

src/content/docs/magic-wan/configuration/common-settings/tunnel-health-checks.mdx

@@ -17,8 +17,8 @@ import { Render } from "~/components";
 		addTunnelsPath:
 			"/magic-wan/configuration/manually/how-to/configure-tunnels/#add-tunnels",
 		connectorNote: "Refer to [Configure Connector](#configure-connector) to set up health checks frequency",
-		connectorTitle1: "<h2 id='Manual configuration'>Manual configuration</h2>",
-		connectorTitle2: "<h2 id='Configure Connector'>Configure Connector</h2>",
+		connectorTitle1: "Manual configuration",
+		connectorTitle2: "Configure Connector",
 		connectorSteps: "<ol><li>Log in to the <a href='https://dash.cloudflare.com/'>Cloudflare dashboard</a> and select your account.</li><li>Go to **Magic WAN** > **Sites**.</li><li>Select your site > **Edit**.</li><li>Select **Tunnels** > your tunnel > **Edit**.</li><li>Change **Health check rate** to your desire rate.</li><li>Select **Update**.</li></ol>",
 	}}
 />

src/content/partials/magic-transit/tunnel-health/update-tunnel-health-checks-frequency.mdx

@@ -10,13 +10,13 @@ params:
   - connectorSteps
 ---
 
-import { GlossaryTooltip, Markdown, TabItem, Tabs } from "~/components";
+import {AnchorHeading, GlossaryTooltip, Markdown, TabItem, Tabs } from "~/components";
 
 By default, Cloudflare servers send <GlossaryTooltip term="tunnel health-check" link={props.healthChecksUrl}>health checks</GlossaryTooltip> to each <GlossaryTooltip term="GRE tunnel">GRE</GlossaryTooltip>, CNI, or <GlossaryTooltip term="IPsec tunnel">IPsec</GlossaryTooltip> tunnel endpoint you configure to receive traffic from {props.productName} {props.connectorExtraInfo} You can configure this frequency via the dashboard or [the API](/api/operations/magic-gre-tunnels-update-gre-tunnel) to suit your use case. For example, if you are connecting a lower-traffic site for which you do not need immediate failover and would rather receive a lower volume of health check traffic, you should set the frequency to `low`. On the other hand, if you are connecting a site that is extremely sensitive to any issues, and you want a more proactive failover at the earliest sign of a potential problem, you should set this to `high`.
 
 Available options are `low`, `mid`, and `high`. <Markdown text={props.connectorNote} />
 
-<Markdown text={props.connectorTitle1} />
+{ props.connectorTitle1 && <AnchorHeading depth={2} title={props.connectorTitle1} /> }
 
 <Tabs syncKey="dashPlusAPI"> <TabItem label="Dashboard">
 
@@ -43,6 +43,6 @@ https://api.cloudflare.com/client/v4/accounts/{account_id}/magic/gre_tunnels/{tu
 
 </TabItem> </Tabs>
 
-<Markdown text={props.connectorTitle2} />
+{ props.connectorTitle2 && <AnchorHeading depth={2} title={props.connectorTitle2} /> }
 
 <Markdown text={props.connectorSteps} />