FIX: Remove chevron on modal open ux

components/ListItem.tsx

@@ -21,6 +21,7 @@ interface ListItemProps {
   subtitleNumberOfLines?: number;
   rightTitle?: string;
   rightTitleStyle?: StyleProp<TextStyle>;
+  rightTitleSelectable?: boolean;
   rightSubtitle?: string | React.ReactNode;
   rightSubtitleStyle?: StyleProp<TextStyle>;
   chevron?: boolean;
@@ -45,6 +46,7 @@ const ListItem: React.FC<ListItemProps> = React.memo(
     subtitleNumberOfLines,
     rightTitle,
     rightTitleStyle,
+    rightTitleSelectable,
     rightSubtitle,
     rightSubtitleStyle,
     chevron,
@@ -112,7 +114,7 @@ const ListItem: React.FC<ListItemProps> = React.memo(
         {rightTitle || rightSubtitle ? (
           <View style={styles.rightColumn}>
             {rightTitle ? (
-              <Text style={rightTitleStyle} numberOfLines={1} accessibilityRole="text">
+              <Text style={rightTitleStyle} numberOfLines={1} accessibilityRole="text" selectable={rightTitleSelectable}>
                 {rightTitle}
               </Text>
             ) : null}

screen/wallets/WalletDetails.tsx

@@ -779,7 +779,6 @@ const WalletDetails: React.FC = () => {
                     containerStyle={stylesHook.listItemContainerBorder}
                     onPress={navigateToXPub}
                     title={loc.wallets.details_show_xpub}
-                    chevron
                     testID="XpubButton"
                     bottomDivider
                   />
@@ -789,7 +788,6 @@ const WalletDetails: React.FC = () => {
                     containerStyle={stylesHook.listItemContainerBorder}
                     onPress={navigateToSignVerify}
                     title={loc.addresses.sign_title}
-                    chevron
                     testID="SignVerify"
                     bottomDivider={!!(wallet.type === MultisigHDWallet.type)}
                   />
@@ -840,6 +838,7 @@ const WalletDetails: React.FC = () => {
                     titleStyle={stylesHook.advancedListItemTitle}
                     rightTitle={wallet.typeReadable}
                     rightTitleStyle={stylesHook.advancedListItemRightTitle}
+                    rightTitleSelectable
                     bottomDivider={
                       !!(
                         wallet.type === MultisigHDWallet.type ||
@@ -880,6 +879,7 @@ const WalletDetails: React.FC = () => {
                         isMasterFingerPrintVisible ? (masterFingerprint ?? loc.wallets.import_derivation_loading) : loc.multisig.view
                       }
                       rightTitleStyle={stylesHook.advancedListItemRightTitle}
+                      rightTitleSelectable={isMasterFingerPrintVisible}
                       bottomDivider={!!derivationPath}
                     />
                   )}
@@ -890,6 +890,7 @@ const WalletDetails: React.FC = () => {
                       titleStyle={stylesHook.advancedListItemTitle}
                       rightTitle={derivationPath}
                       rightTitleStyle={stylesHook.advancedListItemRightTitle}
+                      rightTitleSelectable
                       bottomDivider={false}
                       testID="DerivationPath"
                     />