add ds supported networks page

Author: khadni

src/config/sidebar.ts

@@ -291,6 +291,10 @@ export const SIDEBAR: Partial<Record<Sections, SectionEntry[]>> = {
           title: "Developer Responsibilities",
           url: "data-streams/developer-responsibilities",
         },
+        {
+          title: "Supported Networks",
+          url: "data-streams/supported-networks",
+        },
         {
           title: "Billing",
           url: "data-streams/billing",

src/content/data-streams/streams-trade/index.mdx

@@ -27,7 +27,7 @@ Read more about the [Streams Trade Architecture](/data-streams/architecture#stre
 
 To implement Streams Trade in your application:
 
-1. First, ensure Chainlink Automation is available on your desired network by checking the [Supported Networks](/chainlink-automation/overview/supported-networks) page.
+1. First, ensure Chainlink Automation is available on your desired network by checking the [Supported Networks](/data-streams/supported-networks) page.
 1. Review the [Architecture Documentation](/data-streams/architecture#streams-trade-architecture) to understand the system components.
 1. See an [Example Trading Flow](/data-streams/architecture#example-trading-flow-using-streams-trade) to understand how trades are executed.
 1. Follow our [Getting Started Guide](/data-streams/getting-started) to set up your first integration.

src/content/data-streams/supported-networks.mdx

@@ -0,0 +1,56 @@
+---
+section: dataStreams
+date: Last Modified
+title: "Supported Networks"
+metadata:
+  title: "Chainlink Data Streams Supported Networks"
+  description: "Find the list of blockchain networks supported by Chainlink Data Streams. Learn the differences in network availability for Streams Trade and Streams Direct."
+---
+
+import DataStreams from "@features/data-streams/common/DataStreams.astro"
+
+<DataStreams section="dsNotes" />
+
+Chainlink Data Streams has two primary implementations: [Streams Trade](/data-streams/streams-trade) and [Streams Direct](/data-streams/streams-direct). Network support differs between these two implementations.
+
+## Streams Trade (Onchain Lookup)
+
+Streams Trade allows smart contracts to access Data Streams onchain using the [`StreamsLookup`](/data-streams/getting-started) capability integrated with [Chainlink Automation](/chainlink-automation).
+
+Streams Trade is currently available on the following networks:
+
+<div style="margin-top: 1rem; margin-bottom: 1rem;">
+  <div style="margin-bottom: 1rem; display: flex; align-items: center;">
+    <img src="/assets/chains/arbitrum.svg" style="height: 24px; width: auto; margin-right: 0.5rem;" />
+    <span>Arbitrum</span>
+  </div>
+  <div style="margin-bottom: 1rem; display: flex; align-items: center;">
+    <img src="/assets/chains/avalanche.svg" style="height: 24px; width: auto; margin-right: 0.5rem;" />
+    <span>Avalanche</span>
+  </div>
+  <div style="margin-bottom: 1rem; display: flex; align-items: center;">
+    <img src="/assets/chains/base.svg" style="height: 24px; width: auto; margin-right: 0.5rem;" />
+    <span>Base</span>
+  </div>
+  <div style="margin-bottom: 1rem; display: flex; align-items: center;">
+    <img src="/assets/chains/bnb-chain.svg" style="height: 24px; width: auto; margin-right: 0.5rem;" />
+    <span>BNB Chain</span>
+  </div>
+  <div style="margin-bottom: 1rem; display: flex; align-items: center;">
+    <img src="/assets/chains/ethereum.svg" style="height: 24px; width: auto; margin-right: 0.5rem;" />
+    <span>Ethereum</span>
+  </div>
+  <div style="margin-bottom: 1rem; display: flex; align-items: center;">
+    <img src="/assets/chains/optimism.svg" style="height: 24px; width: auto; margin-right: 0.5rem;" />
+    <span>Optimism</span>
+  </div>
+</div>
+
+## Streams Direct (Offchain Access)
+
+Streams Direct provides data access directly via API or WebSocket for offchain use cases. It involves [verifying report integrity](/data-streams/tutorials/streams-direct/evm-onchain-report-verification) against onchain verifier proxy contracts.
+
+Streams Direct is available on any network listed on the following pages, where you can find the necessary Verifier Proxy addresses:
+
+- [Cryptocurrency Streams](/data-streams/crypto-streams)
+- [Real World Asset (RWA) Streams](/data-streams/rwa-streams)