Add dev warning when RenderHTML is rendered inside Text

Log a warning in development when RenderHTML is used inside a Text
ancestor, as this causes layout issues on iOS due to block-level
Views being nested inside inline Text components.

Fixes #81022

Author: MobileMage

src/components/RenderHTML.tsx

@@ -1,7 +1,10 @@
-import React, {useMemo} from 'react';
+import React, {useContext, useMemo} from 'react';
+// eslint-disable-next-line no-restricted-imports
+import {unstable_TextAncestorContext as TextAncestorContext} from 'react-native';
 import {RenderHTMLConfigProvider, RenderHTMLSource} from 'react-native-render-html';
 import type {RenderersProps} from 'react-native-render-html';
 import useWindowDimensions from '@hooks/useWindowDimensions';
+import Log from '@libs/Log';
 import Parser from '@libs/Parser';
 
 type LinkPressHandler = NonNullable<RenderersProps['a']>['onPress'];
@@ -22,6 +25,12 @@ type RenderHTMLProps = {
 // context to RenderHTMLSource components. See https://git.io/JRcZb
 // The provider is available at src/components/HTMLEngineProvider/
 function RenderHTML({html: htmlParam, onLinkPress, isSelectable}: RenderHTMLProps) {
+    const isInsideText = useContext(TextAncestorContext);
+
+    if (__DEV__ && isInsideText) {
+        Log.warn('RenderHTML should not be rendered inside a <Text> component, as it may cause layout issues on iOS.');
+    }
+
     const {windowWidth} = useWindowDimensions();
     const html = useMemo(() => {
         return (