fix: Add classname to user interaction (#258)

## Summary
Add classname to any click events to be used in the heatmap

## How did you test this change?
1. Perform a click
2. Ensure it shows up in the event attributes of a trace

## Are there any deployment considerations?
N/A

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Add `event.classname` to user interaction span attributes and bump
instrumentation version to `0.1.1`.
> 
> - **SDK: User Interaction Instrumentation
(`sdk/highlight-run/src/client/otel/user-interaction.ts`)**
> - Add `event.classname` to span attributes alongside `event.type`,
`event.tag`, `event.xpath`, `event.id`, etc.
> - Bump `UserInteractionInstrumentation.version` from `0.1.0` to
`0.1.1`.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
18df004. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: SpennyNDaJets

sdk/highlight-run/src/client/otel/user-interaction.ts

@@ -27,7 +27,7 @@ function defaultShouldPreventSpanCreation() {
  * the Highlight SDK.
  */
 export class UserInteractionInstrumentation extends InstrumentationBase {
-	static readonly version = '0.1.0'
+	static readonly version = '0.1.1'
 	static readonly moduleName: string = 'user-interaction'
 	private _spansData = new WeakMap<api.Span, SpanData>()
 	private _zonePatched?: boolean
@@ -124,6 +124,7 @@ export class UserInteractionInstrumentation extends InstrumentationBase {
 						['event.tag']: element.tagName,
 						['event.xpath']: xpath,
 						['event.id']: element.id,
+						['event.classname']: element.className,
 						['event.text']: element.textContent ?? '',
 						['event.url']: window.location.href,
 						['viewport.width']: window.innerWidth,