Move ChatBubbleCell inline with merchant row on narrow layout

Signed-off-by: krishna2323 <belivethatkg@gmail.com>

Author: Krishna2323

src/components/TransactionItemRow/index.tsx

@@ -763,11 +763,19 @@ function TransactionItemRow({
                                         isDescription={!merchant}
                                     />
                                 ) : null}
-                                <TotalCell
-                                    transactionItem={transactionItem}
-                                    shouldShowTooltip={shouldShowTooltip}
-                                    shouldUseNarrowLayout={shouldUseNarrowLayout}
-                                />
+                                <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap2]}>
+                                    {shouldRenderChatBubbleCell && (
+                                        <ChatBubbleCell
+                                            transaction={transactionItem}
+                                            isInSingleTransactionReport={isInSingleTransactionReport}
+                                        />
+                                    )}
+                                    <TotalCell
+                                        transactionItem={transactionItem}
+                                        shouldShowTooltip={shouldShowTooltip}
+                                        shouldUseNarrowLayout={shouldUseNarrowLayout}
+                                    />
+                                </View>
                             </View>
                             <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, styles.gap2]}>
                                 <DateCell
@@ -817,13 +825,6 @@ function TransactionItemRow({
                             shouldUseNarrowLayout
                         />
                     )}
-                    {shouldRenderChatBubbleCell && (
-                        <ChatBubbleCell
-                            transaction={transactionItem}
-                            containerStyles={[styles.mt2]}
-                            isInSingleTransactionReport={isInSingleTransactionReport}
-                        />
-                    )}
                 </View>
                 {!!shouldShowBottomBorder && (
                     <View style={bgActiveStyles}>