docs(overview): update screenshots with add description button for all check/monitor types

Author: pmallol

detect/synthetic-monitoring/browser-checks/overview.mdx

@@ -9,7 +9,16 @@ sidebarTitle: 'Overview'
 </Tip>
 
 <Frame>
-  <img src="/images/browser-check-ide.png" alt="Browser check overview" />
+<img
+  className="block dark:hidden"
+  src="/images/next/browser-check-overview-light.png"
+  alt="Browser check overview"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/next/browser-check-overview-dark.png"
+  alt="Browser check overview"
+/>
 </Frame>
 
 ## What are Browser Checks?

detect/synthetic-monitoring/multistep-checks/overview.mdx

@@ -10,6 +10,19 @@ import GenericRuntimeVariablesTable from '/snippets/generic-runtime-variables-ta
 **Monitoring as Code**: Learn more about the [Multistep Check Construct](/constructs/multistep-check).
 </Tip>
 
+<Frame>
+<img
+  className="block dark:hidden"
+  src="/images/next/multistep-check-overview-light.png"
+  alt="Multistep check overview"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/next/multistep-check-overview-dark.png"
+  alt="Multistep check overview"
+/>
+</Frame>
+
 ## What are Multistep Checks?
 
 Multistep checks are API-focused tests that perform multiple sequential HTTP requests within a single check. They're designed to test complete user workflows that span multiple API endpoints, ensuring that complex business processes work correctly from start to finish.

detect/synthetic-monitoring/playwright-checks/overview.mdx

@@ -5,6 +5,19 @@ description: 'Run your Playwright end-to-end test suite as synthetic production
 tags: ['synthetic-monitoring', 'playwright-checks']
 ---
 
+<Frame>
+<img
+  className="block dark:hidden"
+  src="/images/next/playwright-check-overview-light.png"
+  alt="Playwright check overview"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/next/playwright-check-overview-dark.png"
+  alt="Playwright check overview"
+/>
+</Frame>
+
 ## What are Playwright Check Suites?
 
 **Playwright Check Suites turn your Playwright end-to-end tests into production monitors.** Run entire test suites, specific projects, or tagged tests globally without modifying your existing code or configuration.

detect/uptime-monitoring/dns-monitors/overview.mdx

@@ -5,6 +5,19 @@ sidebarTitle: Overview
 ---
 
 
+<Frame>
+<img
+  className="block dark:hidden"
+  src="/images/next/dns-monitor-overview-light.png"
+  alt="DNS monitor overview"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/next/dns-monitor-overview-dark.png"
+  alt="DNS monitor overview"
+/>
+</Frame>
+
 ## What are DNS Monitors?
 
 DNS monitors check that your DNS records resolve as expected. They help you catch misconfigurations, expired records, or propagation issues before they impact your users.  

detect/uptime-monitoring/icmp-monitors/overview.mdx

@@ -7,6 +7,19 @@ sidebarTitle: Overview
 **Monitoring as Code**: Learn more about the [ICMP Monitor Construct](/constructs/icmp-monitor).
 </Tip>
 
+<Frame>
+<img
+  className="block dark:hidden"
+  src="/images/next/icmp-monitor-overview-light.png"
+  alt="ICMP monitor overview"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/next/icmp-monitor-overview-dark.png"
+  alt="ICMP monitor overview"
+/>
+</Frame>
+
 ## What are ICMP Monitors?
 
 ICMP monitors check if a host is reachable by sending ICMP Echo Requests (pings). Typical use cases include:

detect/uptime-monitoring/tcp-monitors/overview.mdx

@@ -18,7 +18,18 @@ For example, use these checks to verify that:
 * Your FTP server responds correctly to commands
 * Your custom TCP-based service returns the expected response when sent a health check message
 
-![TCP monitor interface showing connection status](/images/docs/images/tcp-monitors/tcp-check-overview.png)
+<Frame>
+<img
+  className="block dark:hidden"
+  src="/images/next/tcp-monitor-overview-light.png"
+  alt="TCP monitor overview"
+/>
+<img
+  className="hidden dark:block"
+  src="/images/next/tcp-monitor-overview-dark.png"
+  alt="TCP monitor overview"
+/>
+</Frame>
 
 ## How TCP Monitoring Works
 

detect/uptime-monitoring/url-monitors/overview.mdx

@@ -11,18 +11,16 @@ sidebarTitle: Overview
 
 URL monitors track the availability of your HTTP-based services by sending requests to specified URLs and validating avaliability and performance.
 
-<Frame>
-<img 
-  className="block dark:hidden" 
-  src="/images/next/url-monitor-overview-light.png" 
-  alt="URL monitor overview" 
+<img
+  className="block dark:hidden"
+  src="/images/next/url-monitor-overview-light.png"
+  alt="URL monitor overview"
 />
-<img 
-  className="hidden dark:block" 
-  src="/images/next/url-monitor-overview-dark.png" 
-  alt="URL monitor overview" 
+<img
+  className="hidden dark:block"
+  src="/images/next/url-monitor-overview-dark.png"
+  alt="URL monitor overview"
 />
-</Frame>
 
 **Typical Use Cases Include:**