Fixed tooltip styling for native

Author: shubham1206agra

src/App.tsx

@@ -88,10 +88,10 @@ function App({url, hybridAppSettings}: AppProps) {
                                 ThemeStylesProvider,
                                 ThemeIllustrationsProvider,
                                 SafeAreaProvider,
+                                HTMLEngineProvider,
                                 PortalProvider,
                                 SafeArea,
                                 LocaleContextProvider,
-                                HTMLEngineProvider,
                                 PopoverContextProvider,
                                 CurrentReportIDContextProvider,
                                 ScrollOffsetContextProvider,

src/components/ProductTrainingContext/index.tsx

@@ -294,7 +294,9 @@ const useProductTrainingContext = (tooltipName: ProductTrainingTooltipName, shou
                         fill={theme.tooltipHighlightText}
                         medium
                     />
-                    <RenderHTML html={translate(tooltip.content)} />
+                    <View style={[styles.renderHTML, styles.dFlex, styles.flexShrink1]}>
+                        <RenderHTML html={translate(tooltip.content)} />
+                    </View>
                     {!tooltip?.shouldRenderActionButtons && (
                         <PressableWithoutFeedback
                             shouldUseAutoHitSlop
@@ -344,6 +346,9 @@ const useProductTrainingContext = (tooltipName: ProductTrainingTooltipName, shou
         styles.justifyContentBetween,
         styles.ph2,
         styles.gap2,
+        styles.renderHTML,
+        styles.dFlex,
+        styles.flexShrink1,
         theme.tooltipHighlightText,
         theme.icon,
         translate,

src/languages/de.ts

@@ -6959,7 +6959,7 @@ const translations = {
         globalCreateTooltip: '<tooltip><strong>Ausgaben erstellen</strong>, beginnen Sie zu chatten, und mehr. Probieren Sie es aus!</tooltip>',
         bottomNavInboxTooltip: '<tooltip>Überprüfen Sie was <strong>benötigt Ihre Aufmerksamkeit</strong> und <strong>über Ausgaben chatten.</strong></tooltip>',
         workspaceChatTooltip: '<tooltip>Chatten mit <strong>Genehmigern</strong></tooltip>',
-        GBRRBRChat: '<tooltip>Du wirst 🟢 auf sehen <strong>Maßnahmen ergreifen</strong>,\nund 🔴 auf <strong>Elemente zur Überprüfung.</strong></tooltip>',
+        GBRRBRChat: '<tooltip>Du wirst 🟢 auf sehen <strong>Maßnahmen ergreifen</strong>, und 🔴 auf <strong>Elemente zur Überprüfung.</strong></tooltip>',
         accountSwitcher: '<tooltip>Zugriff auf Ihre <strong>Copilot-Konten</strong> hier</tooltip>',
         expenseReportsFilter: '<tooltip>Willkommen! Finden Sie alle Ihre <strong>Berichte des Unternehmens</strong> hier.</tooltip>',
         scanTestTooltip: {