fix: adjust benchmark preview height in PerformanceScreen

- Increased the height of the benchmark preview from 220 to 320 for improved layout visibility.
- Enhanced NitroText component by merging additional style properties for better styling flexibility.

Author: patrickkabwe

example/src/screens/PerformanceScreen.tsx

@@ -630,7 +630,7 @@ import React, {
           </TouchableOpacity>
 
           <View
-            style={[styles.benchmarkPreview, { height: 220, flexDirection: 'row' }]}
+            style={[styles.benchmarkPreview, { height: 320, flexDirection: 'row' }]}
             key={`list-${listRenderKey}`}
           >
             <View style={{ flex: 1, marginRight: 8 }}>

src/nitro-text.tsx

@@ -84,6 +84,8 @@ export const NitroText = (props: NitroTextPropsWithEvents) => {
       return flattenChildrenToFragments(children, style)
    }, [parsedFragments, children, style, isSimpleText])
 
+   const styleProps = useMemo(() => getStyleProps(topStyles), [topStyles])
+
    const onRNTextLayout = useCallback(
       (e: TextLayoutEvent) => {
          onTextLayout?.(e.nativeEvent)
@@ -101,19 +103,21 @@ export const NitroText = (props: NitroTextPropsWithEvents) => {
          onPress: callback(onPress) || undefined,
          onPressIn: callback(onPressIn) || undefined,
          onPressOut: callback(onPressOut) || undefined,
-         style: style,
+         // eslint-disable-next-line @typescript-eslint/no-explicit-any
+         style: { ...(style as any), ...styleProps },
          onTextLayout: callback(onTextLayout) || undefined,
       }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [
       rest,
+      styleProps,
       selectable,
       maxFontSizeMultiplier,
       parsedFragments,
       selectionColor,
       onPress,
       onPressIn,
       onPressOut,
-      style,
       onTextLayout,
    ])