Add user interaction tracing

[krystofwoldrich]

Description

In a similar way to the sentry-cocoa the RN SDK could create spans/transactions for user interactions.

For basic touch/click we can use the already existing implementation for collection touch breadcrumbs.

This might not be useful at the moment if we want only interactions that course some API calls, and changes in the app. We can make use of the gesture responder system of RN. It doesn't resolve the gestures, but gives back raw information about the number of touches, and generates touch id, position, velocity etc.

• onStartShouldSetResponder
• onMoveShouldSetResponder

To recognize gestures such as pinch-to-zoom, swipe left, right... we would need to use native implementation or integrate with a library.

[AbhiPrasad]

We have this functionality for Browser SDKs: https://github.com/getsentry/sentry-javascript/blob/98038da8ab5ae35e1d9221dba2b5af0929ec2c02/packages/tracing/src/browser/browsertracing.ts#L290

[krystofwoldrich]

@AbhiPrasad Does the browser SDK send the user interaction transaction even if no spans are attached?
https://github.com/getsentry/sentry-javascript/blob/21ab26bd2b93e6ea700f668375c39c473aba755c/packages/tracing/src/browser/browsertracing.ts#L341

The mobile SDKs are only sending the user interaction transactions when spans are attached.

[AbhiPrasad]

The user interaction transactions for browser are still experimental, so there's some behavior that needs to be fixed.

I think there's some more work that needs to be done so that the browser UI transactions follow https://develop.sentry.dev/sdk/performance/ui-event-transactions/.

@0Calories is leading work into INP/user interaction transactions - maybe he can help with the convos here