Lazy addition of callbacks to useHandler (#3674)

## Description

Currently we call `useHandler` with all callbacks, for example:

```js
const handlers: CallbackHandlers = {
  onBegin: config.onBegin,
  onStart: config.onStart,
  onEnd: config.onEnd,
  onFinalize: config.onFinalize,
};
```

this means that if user does not pass them into config, those values will be `undefined`. This works on `android` and `iOS`, but it seems to break on `web` as Reanimated throws error that `useHandler` received non-worklet callback. To avoid potential issues, we only assign callbacks that were passed by user.

>[!WARNING]
> This solves only one issue - passing `undefined` callbacks. However, passing callback that is not marked as `worklet` will result in the same error. This problem will be handled by autoworkletization.

## Test plan

Tested with `console.logs` in event hooks.

Author: m-bert

packages/react-native-gesture-handler/src/v3/hooks/events/useGestureHandlerEvent.ts

@@ -12,9 +12,9 @@ import { CallbackHandlers, UpdateEvent } from '../../types';
 import { tagMessage } from '../../../utils';
 
 export function useGestureHandlerEvent(handlerTag: number, config: any) {
-  const handlers: CallbackHandlers = {
-    onUpdate: config.onUpdate,
-  };
+  const { onUpdate } = config;
+
+  const handlers: CallbackHandlers = { ...(onUpdate && { onUpdate }) };
 
   const onGestureHandlerEvent = (
     event: UpdateEvent<Record<string, unknown>>,

packages/react-native-gesture-handler/src/v3/hooks/events/useGestureStateChangeEvent.ts

@@ -9,11 +9,13 @@ import { Reanimated } from '../../../handlers/gestures/reanimatedWrapper';
 import { CallbackHandlers, StateChangeEvent } from '../../types';
 
 export function useGestureStateChangeEvent(handlerTag: number, config: any) {
+  const { onBegin, onStart, onEnd, onFinalize } = config;
+
   const handlers: CallbackHandlers = {
-    onBegin: config.onBegin,
-    onStart: config.onStart,
-    onEnd: config.onEnd,
-    onFinalize: config.onFinalize,
+    ...(onBegin && { onBegin }),
+    ...(onStart && { onStart }),
+    ...(onEnd && { onEnd }),
+    ...(onFinalize && { onFinalize }),
   };
 
   const onGestureHandlerStateChange = (

packages/react-native-gesture-handler/src/v3/hooks/events/useTouchEvent.ts

@@ -11,11 +11,14 @@ import { CallbackHandlers, TouchEvent } from '../../types';
 import { NativeSyntheticEvent } from 'react-native';
 
 export function useTouchEvent(handlerTag: number, config: any) {
+  const { onTouchesDown, onTouchesMove, onTouchesUp, onTouchesCancelled } =
+    config;
+
   const handlers: CallbackHandlers = {
-    onTouchesDown: config.onTouchesDown,
-    onTouchesMove: config.onTouchesMove,
-    onTouchesUp: config.onTouchesUp,
-    onTouchesCancelled: config.onTouchesCancelled,
+    ...(onTouchesDown && { onTouchesDown }),
+    ...(onTouchesMove && { onTouchesMove }),
+    ...(onTouchesUp && { onTouchesUp }),
+    ...(onTouchesCancelled && { onTouchesCancelled }),
   };
 
   const onGestureHandlerTouchEvent = (event: TouchEvent) => {