Move event streaming to public docs (#125)

src/pages/how-to/activity-event-streaming.mdx

@@ -0,0 +1,34 @@
+# Stream Activity Events to Third-Party Platforms
+
+This document provides step-by-step instructions and best practices for setting up NetBird activity event streaming integrations to different third-party platforms.
+
+<Note>
+     This feature is only available in the cloud version of NetBird.
+</Note>
+
+## Datadog
+
+Before you start creating and configuring a Datadog event-streaming integration, ensure that you have the following:
+- A Datadog account with the permissions to create and manage API keys. If you don't have the required permissions, ask your Datadog administrator to grant them to you.
+
+### Step 1: Create a Datdog API key
+- Navigate to the [API Keys](https://app.datadoghq.eu/organization-settings/api-keys) page
+- Click `+ New Key` at the top
+- Give it a descriptive name like `NetBird Event Streaming`
+- Click `Create Key`
+- Copy the key. You will need this key when configuring an integration in NetBird.
+### Step 2: Create an event-streaming integration in NetBird
+- Navigate to the [Integrations &raquo; Event Streaming](https://preview.netbird.io/integrations) tab in the NetBird dashboard
+<p>
+    <img src="/docs-static/img/how-to-guides/event-streaming-integration.png" alt="event-streaming-integration" className="imagewrapper"/>
+</p>
+
+- Enable and configure the Datadog integration
+  - First select the region of your Datadog account (for more details see [Datadog Documentation](https://docs.datadoghq.com/getting_started/site/))
+<p>
+  <img src="/docs-static/img/how-to-guides/datadog-region-select.png" alt="datadog-region-select" className="imagewrapper" width="400" style={{ display: 'block', marginLeft: 'auto', marginRight: 'auto' }} />
+</p>
+  - Then enter the API key you created in [Step 1](#step-1-create-a-datdog-api-key) and click `Connect`
+<p>
+    <img src="/docs-static/img/how-to-guides/datadog-api-key.png" alt="datadog-api-key" className="imagewrapper" width="400" style={{ display: 'block', marginLeft: 'auto', marginRight: 'auto' }} />
+</p>