fix: correctly report version on webjs otel data (#278)

## Summary

Exceptions (and other data) reported via OTel were missing the service
version.

## How did you test this change?

local deploy
<img width="2650" height="1341" alt="image"
src="https://github.com/user-attachments/assets/20c66bdc-4fd3-4e80-93ba-b1782aadc339"
/>


## Are there any deployment considerations?

<!--
 Backend - Do we need to consider migrations or backfilling data?
-->

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Propagates `version` to OTEL as `serviceVersion` and sets
`service.version` resource attribute; updates e2e configs to supply
version.
> 
> - **SDK (OTEL)**:
> - Extend `BrowserTracingConfig` with `serviceVersion` and set
`Resource` attribute `service.version` via `ATTR_SERVICE_VERSION` in
`sdk/highlight-run/src/client/otel/index.ts`.
> - Pass through `version` as `serviceVersion` from `ObserveSDK` options
in `sdk/highlight-run/src/sdk/observe.ts`.
> - **E2E**:
> - Provide `version: 'my-version'` in `observabilitySettings` and
`sessionReplaySettings` in `e2e/react-router/src/ldclientLazy.tsx`.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
f1a0498. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: Vadman97

e2e/react-router/src/ldclientLazy.tsx

@@ -8,6 +8,7 @@ const observabilitySettings: ConstructorParameters<typeof Observability>[0] = {
 		recordHeadersAndBody: true,
 	},
 	serviceName: 'ryan-test',
+	version: 'my-version',
 	backendUrl: 'http://localhost:8082/public',
 	otel: {
 		otlpEndpoint: 'http://localhost:4318',
@@ -21,6 +22,7 @@ const sessionReplaySettings: ConstructorParameters<typeof SessionReplay>[0] = {
 	inlineStylesheet: true,
 	privacySetting: 'none',
 	serviceName: 'ryan-test',
+	version: 'my-version',
 	backendUrl: 'http://localhost:8082/public',
 	manualStart: true,
 	enableCanvasRecording: true,

sdk/highlight-run/src/client/otel/index.ts

@@ -69,6 +69,7 @@ export type BrowserTracingConfig = {
 	environment?: string
 	networkRecordingOptions?: NetworkRecordingOptions
 	serviceName?: string
+	serviceVersion?: string
 	tracingOrigins?: boolean | (string | RegExp)[]
 	urlBlocklist?: string[]
 	eventNames?: EventName[]
@@ -142,6 +143,7 @@ export const setupBrowserTracing = (
 	const resource = new Resource({
 		[SemanticAttributes.ATTR_SERVICE_NAME]:
 			config.serviceName ?? 'highlight-browser',
+		[SemanticAttributes.ATTR_SERVICE_VERSION]: config.serviceVersion,
 		'deployment.environment.name': environment,
 		'highlight.project_id': config.projectId,
 		[SemanticAttributes.ATTR_USER_AGENT_ORIGINAL]: navigator.userAgent,

sdk/highlight-run/src/sdk/observe.ts

@@ -136,6 +136,7 @@ export class ObserveSDK implements Observe {
 							: undefined,
 					tracingOrigins: this._options?.tracingOrigins,
 					serviceName: this._options?.serviceName ?? 'browser',
+					serviceVersion: this._options?.version,
 					instrumentations: this._options?.otel?.instrumentations,
 					eventNames: this._options?.otel?.eventNames,
 				},