add note about distributed tracing between sentry and otel

Author: AbhiPrasad

docs/concepts/otlp/index.mdx

@@ -90,3 +90,167 @@ You can find the values of Sentry's OTLP logs endpoint and public key in your Se
 1. Go to the [Settings > Projects](https://sentry.io/orgredirect/organizations/:orgslug/settings/projects/) page in Sentry.
 2. Select a project from the list.
 3. Go to the "Client Keys (DSN)" sub-page for this project under the "SDK Setup" heading.
+
+## Distributed Tracing between Sentry Instrumentation and OpenTelemetry Instrumentation
+
+If you have a frontend or services instrumented with the Sentry SDK, and you are also instrumenting with OpenTelemetry, you can use the `propagateTraceparent` exposed in the Sentry SDK to propagate the W3C Trace Context `traceparent` header to the OpenTelemetry instrumentation. This will allow you to continue traces from Sentry instrumented services.
+
+The following SDKs support the `propagateTraceparent` option:
+
+### JavaScript
+
+- <LinkWithPlatformIcon
+    platform="javascript.browser"
+    label="Browser JavaScript"
+    url="platforms/javascript/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.angular"
+    label="Angular"
+    url="/platforms/javascript/guides/angular/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.astro"
+    label="Astro"
+    url="/platforms/javascript/guides/astro/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.aws-lambda"
+    label="AWS Lambda"
+    url="/platforms/javascript/guides/aws-lambda/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.azure-functions"
+    label="Azure Functions"
+    url="/platforms/javascript/guides/azure-functions/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.bun"
+    label="Bun"
+    url="/platforms/javascript/guides/bun/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.cloudflare"
+    label="Cloudflare"
+    url="/platforms/javascript/guides/cloudflare/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.connect"
+    label="Connect"
+    url="/platforms/javascript/guides/connect/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.electron"
+    label="Electron"
+    url="/platforms/javascript/guides/electron/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.ember"
+    label="Ember"
+    url="/platforms/javascript/guides/ember/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.express"
+    label="Express"
+    url="/platforms/javascript/guides/express/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.fastify"
+    label="Fastify"
+    url="/platforms/javascript/guides/fastify/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.gatsby"
+    label="Gatsby"
+    url="/platforms/javascript/guides/gatsby/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.gcp-functions"
+    label="Google Cloud Functions"
+    url="/platforms/javascript/guides/gcp-functions/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.hapi"
+    label="Hapi"
+    url="/platforms/javascript/guides/hapi/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.hono"
+    label="Hono"
+    url="/platforms/javascript/guides/hono/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.koa"
+    label="Koa"
+    url="/platforms/javascript/guides/koa/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.nestjs"
+    label="Nest.js"
+    url="/platforms/javascript/guides/nestjs/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.node"
+    label="Node.js"
+    url="/platforms/javascript/guides/node/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.nextjs"
+    label="Next.js"
+    url="/platforms/javascript/guides/nextjs/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.nuxt"
+    label="Nuxt"
+    url="/platforms/javascript/guides/nuxt/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.react"
+    label="React"
+    url="/platforms/javascript/guides/react/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.react-router"
+    label="React Router"
+    url="/platforms/javascript/guides/react-router/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.remix"
+    label="Remix"
+    url="/platforms/javascript/guides/remix/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.solid"
+    label="Solid"
+    url="/platforms/javascript/guides/solid/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.solidstart"
+    label="SolidStart"
+    url="/platforms/javascript/guides/solidstart/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.svelte"
+    label="Svelte"
+    url="/platforms/javascript/guides/svelte/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.sveltekit"
+    label="SvelteKit"
+    url="/platforms/javascript/guides/sveltekit/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.tanstackstart-react"
+    label="TanStack Start"
+    url="/platforms/javascript/guides/tanstackstart-react/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.vue"
+    label="Vue"
+    url="/platforms/javascript/guides/vue/configuration/options/#propagateTraceparent"
+  />
+- <LinkWithPlatformIcon
+    platform="javascript.wasm"
+    label="Wasm"
+    url="/platforms/javascript/guides/wasm/configuration/options/#propagateTraceparent"
+  />