Fix educational tooltip type error

Author: blazejkustra

src/components/Tooltip/EducationalTooltip/BaseEducationalTooltip.tsx

@@ -1,10 +1,12 @@
 import React, {memo, useEffect, useRef} from 'react';
 import {InteractionManager} from 'react-native';
-import type {LayoutChangeEvent} from 'react-native';
+import type {LayoutRectangle, NativeSyntheticEvent} from 'react-native';
 import GenericTooltip from '@components/Tooltip/GenericTooltip';
 import type {EducationalTooltipProps} from '@components/Tooltip/types';
 import CONST from '@src/CONST';
 
+type LayoutChangeEventWithTarget = NativeSyntheticEvent<{layout: LayoutRectangle; target: HTMLElement}>;
+
 /**
  * A component used to wrap an element intended for displaying a tooltip.
  * This tooltip would show immediately without user's interaction and hide after 5 seconds.
@@ -45,7 +47,7 @@ function BaseEducationalTooltip({children, shouldAutoDismiss = false, ...props}:
                 // eslint-disable-next-line react-compiler/react-compiler
                 hideTooltipRef.current = hideTooltip;
                 return React.cloneElement(children as React.ReactElement, {
-                    onLayout: (e: LayoutChangeEvent) => {
+                    onLayout: (e: LayoutChangeEventWithTarget) => {
                         // e.target is specific to native, use e.nativeEvent.target on web instead
                         const target = e.target || e.nativeEvent.target;
                         // When tooltip is used inside an animated view (e.g. popover), we need to wait for the animation to finish before measuring content.