Add syntax highlighting to construct documentation code examples

Author: stefanjudis

constructs/api-check.mdx

@@ -222,7 +222,7 @@ Response time threshold in milliseconds for marking the check as degraded. This
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new ApiCheck("performance-check", {
   name: "Performance Monitoring",
   degradedResponseTime: 2000, // Warning at 2 seconds
@@ -242,7 +242,7 @@ Maximum response time in milliseconds before marking the check as failed. This s
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new ApiCheck("timeout-check", {
   name: "API Timeout Check",
   maxResponseTime: 5000, // Fail if response takes longer than 5 seconds
@@ -261,7 +261,7 @@ Whether a failure should count as a pass. When set to `true`, HTTP status codes
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new ApiCheck("negative-test", {
   name: "Test Error Handling",
   shouldFail: true, // Expect this to fail
@@ -316,7 +316,7 @@ Script to run before the API Check execution. Useful for setting up test data or
 
 <CodeGroup>
 
-```ts File Reference
+```ts File Reference highlight={3-5}
 new ApiCheck("api-with-setup", {
   name: "API with Setup Script",
   setupScript: {
@@ -329,7 +329,7 @@ new ApiCheck("api-with-setup", {
 })
 ```
 
-```ts Inline Script
+```ts Inline Script highlight={3-8}
 new ApiCheck('inline-setup', {
   name: 'API with Inline Setup',
   setupScript: {
@@ -369,7 +369,7 @@ Script to run after the API Check execution. Useful for cleaning up test data or
 
 <CodeGroup>
 
-```ts File Reference
+```ts File Reference highlight={3-5}
 new ApiCheck("api-with-teardown", {
   name: "API with Teardown Script",
   tearDownScript: {
@@ -382,7 +382,7 @@ new ApiCheck("api-with-teardown", {
 })
 ```
 
-```ts Inline Script
+```ts Inline Script highlight={3-9}
 new ApiCheck("inline-teardown", {
   name: "API with Inline Teardown",
   tearDownScript: {

constructs/browser-check.mdx

@@ -186,7 +186,7 @@ Friendly name for your Browser Check that will be displayed in the Checkly dashb
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new BrowserCheck("my-check", {
   name: "User Login Flow Test",
   /* More options... */
@@ -200,7 +200,9 @@ How often the Browser Check should run. Use the `Frequency` enum to set the chec
 
 **Usage:**
 
-```ts
+```ts highlight={5}
+import { Frequency } from 'checkly/constructs'
+
 new BrowserCheck("my-check", {
   name: "My Browser Check",
   frequency: Frequency.EVERY_5M,
@@ -242,7 +244,7 @@ Array of public location codes where the Browser Check should run. Multiple loca
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new BrowserCheck("my-check", {
   name: "My Browser Check",
   locations: ["us-east-1", "eu-west-1", "ap-southeast-1"],
@@ -288,7 +290,7 @@ Whether the browser check is enabled and will run according to its schedule.
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new BrowserCheck("my-check", {
   name: "My Browser Check",
   activated: false, // Disabled check
@@ -304,7 +306,7 @@ Array of tags to organize and categorize your Browser Checks in the Checkly infr
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new BrowserCheck("my-check", {
   name: "My Browser Check",
   tags: ["e2e", "critical-path", "user-journey"],
@@ -352,7 +354,7 @@ Check-level environment variables that will be available during test execution.
 
 **Usage:**
 
-```ts
+```ts highlight={3-6}
 new BrowserCheck("my-check", {
   name: "My Browser Check",
   environmentVariables: [

constructs/check-group-v2.mdx

@@ -105,7 +105,7 @@ Friendly name for your check group that will be displayed in the Checkly dashboa
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 const group = new CheckGroupV2("api-monitoring-group", {
   name: "API Monitoring Group",
 })
@@ -120,7 +120,7 @@ Whether checks in the group are running. When false, all checks in the group are
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 const group = new CheckGroupV2("api-monitoring-group", {
   name: "API Monitoring Group",
   activated: false,
@@ -136,7 +136,7 @@ Whether to mute alerts for all checks in the group. Checks will still run but wo
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 const group = new CheckGroupV2("api-monitoring-group", {
   name: "API Monitoring Group",
   muted: true, // Silence all alerts
@@ -151,7 +151,9 @@ How often to run checks within the group. This frequency applies to all checks i
 
 **Usage:**
 
-```ts
+```ts highlight={5}
+import { Frequency } from 'checkly/constructs'
+
 const group = new CheckGroupV2('api-monitoring-group', {
   name: "API Monitoring Group",
   frequency: Frequency.EVERY_10M
@@ -168,7 +170,7 @@ Public locations for all checks in the group. Checks inherit these locations unl
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 const group = new CheckGroupV2("api-monitoring-group", {
   name: "API Monitoring Group",
   locations: ["us-east-1", "eu-west-1", "ap-southeast-1"],

constructs/check-group.mdx

@@ -110,7 +110,7 @@ Friendly name for your check group that will be displayed in the Checkly dashboa
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 const group = new CheckGroup("api-monitoring-group", {
   name: "API Monitoring Group",
 })
@@ -124,7 +124,7 @@ Whether checks in the group are running. When false, all checks in the group are
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 const group = new CheckGroup("api-monitoring-group", {
   name: "API Monitoring Group",
   activated: false,
@@ -140,7 +140,7 @@ Whether to mute alerts for all checks in the group. Checks will still run but wo
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 const group = new CheckGroup("api-monitoring-group", {
   name: "API Monitoring Group",
   muted: true, // Silence all alerts
@@ -156,7 +156,9 @@ How often to run checks within the group. This frequency applies to all checks i
 
 **Usage:**
 
-```ts
+```ts highlight={5}
+import { Frequency } from 'checkly/constructs'
+
 const group = new CheckGroup("api-monitoring-group", {
   name: "API Monitoring Group",
   frequency: Frequency.EVERY_10M,
@@ -173,7 +175,7 @@ Public locations for all checks in the group. Checks inherit these locations unl
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 const group = new CheckGroup("api-monitoring-group", {
   name: "API Monitoring Group",
   locations: ["us-east-1", "eu-west-1", "ap-southeast-1"],

constructs/dashboard.mdx

@@ -92,7 +92,7 @@ Text displayed at the top of your dashboard as the main title.
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new Dashboard('my-dashboard', {
   header: 'Production Services Status'
 })
@@ -107,7 +107,7 @@ Text displayed below the header providing additional context about the dashboard
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new Dashboard('my-dashboard', {
   header: 'Production Services',
   description: 'Real-time monitoring of all production services'
@@ -122,7 +122,7 @@ Tags that filter which checks appear on the dashboard. Empty array shows all che
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new Dashboard('my-dashboard', {
   tags: ['production', 'api']
 })
@@ -160,7 +160,7 @@ Subdomain under "checklyhq.com" for your dashboard (e.g., "my-status" becomes "m
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new Dashboard('my-dashboard', {
   customUrl: 'service-status'
 })
@@ -180,7 +180,7 @@ Custom domain for your dashboard (e.g., "status.example.com"). Must be verified
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new Dashboard('my-dashboard', {
   customDomain: 'status.example.com'
 })
@@ -194,7 +194,7 @@ Custom CSS styling for your dashboard. Only available on Team and Enterprise pla
 
 **Usage:**
 
-```ts
+```ts highlight={3-5,10-20}
 // Using file reference
 new Dashboard("styled-dashboard", {
   customCSS: {

constructs/email-alert-channel.mdx

@@ -63,7 +63,7 @@ Email address to send notifications to. Each EmailAlertChannel supports only one
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new EmailAlertChannel('team-email', {
   address: 'dev-team@acme.com'
 })
@@ -115,7 +115,7 @@ Whether to send notifications when checks recover from failure or degraded state
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new EmailAlertChannel("recovery-email", {
   address: "ops@acme.com",
   sendRecovery: true, // Send recovery notifications
@@ -152,7 +152,7 @@ Whether to send notifications when checks fail.
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new EmailAlertChannel("failure-email", {
   address: "oncall@acme.com",
   sendFailure: true, // Send failure notifications
@@ -192,7 +192,7 @@ Whether to send notifications when API checks degrade (performance thresholds ex
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new EmailAlertChannel("performance-email", {
   address: "performance-team@acme.com",
   sendDegraded: true, // Send degraded performance notifications
@@ -207,7 +207,7 @@ Whether to send notifications for SSL certificate expiry warnings.
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new EmailAlertChannel("security-email", {
   address: "security@acme.com",
   sslExpiry: true,
@@ -221,8 +221,9 @@ new EmailAlertChannel("security-email", {
 <ResponseField name="sslExpiryThreshold" type="number">
 Number of days before SSL certificate expiry to send notifications. Only relevant when `sslExpiry` is enabled.
 
-Usage:
-```ts
+**Usage:**
+
+```ts highlight={4}
 new EmailAlertChannel("ssl-monitoring", {
   address: "devops@acme.com",
   sslExpiry: true,

constructs/heartbeat-monitor.mdx

@@ -88,7 +88,7 @@ The expected period between pings from your external service. This defines how o
 
 **Usage:**
 
-```ts
+```ts highlight={3}
 new HeartbeatMonitor('my-heartbeat', {
   name: "My heartbeat",
   period: 1,
@@ -152,7 +152,7 @@ The time unit for the period. Defines whether the period is in seconds, minutes,
 
 **Usage:**
 
-```ts
+```ts highlight={4}
 new HeartbeatMonitor("my-heartbeat", {
   name: "My heartbeat",
   period: 2,
@@ -169,7 +169,7 @@ The grace period to wait before alerting after the expected ping time has passed
 
 **Usage:**
 
-```ts
+```ts highlight={4}
 new HeartbeatMonitor('my-heartbeat', {
   period: 1,
   periodUnit: 'hours',
@@ -233,7 +233,7 @@ The time unit for the grace period. Defines whether the grace period is in secon
 
 **Usage:**
 
-```ts
+```ts highlight={5}
 new HeartbeatMonitor('my-heartbeat', {
   period: 6,
   periodUnit: 'hours',
@@ -252,7 +252,7 @@ Friendly name for your heartbeat monitor that will be displayed in the Checkly d
 
 **Usage:**
 
-```ts
+```ts highlight={2}
 new HeartbeatMonitor('my-heartbeat', {
   name: 'Daily Backup Job Monitor',
   /* More options ... */