feat: add security data section in token details page

app/components/Nav/Main/MainNavigator.js

@@ -27,6 +27,7 @@ import Contacts from '../../Views/Settings/Contacts';
 import FeatureFlagOverride from '../../Views/FeatureFlagOverride';
 import Wallet from '../../Views/Wallet';
 import AssetDetails from '../../Views/AssetDetails';
+import SecurityTrustScreen from '../../UI/SecurityTrust/Views/SecurityTrustScreen';
 import AddAsset from '../../Views/AddAsset/AddAsset';
 import NftFullView from '../../Views/NftFullView';
 import TokensFullView from '../../Views/TokensFullView';
@@ -202,6 +203,10 @@ const AssetStackFlow = (props) => (
       component={AssetDetails}
       initialParams={{ address: props.route.params?.address }}
     />
+    <Stack.Screen
+      name={Routes.SECURITY_TRUST}
+      component={SecurityTrustScreen}
+    />
     <Stack.Screen
       name={Routes.TRANSACTION_DETAILS}
       component={TransactionDetails}

app/components/UI/AssetOverview/Price/Price.test.tsx

@@ -77,8 +77,6 @@ describe('Price Component', () => {
 
       const { getByText } = render(<Price {...props} />);
 
-      // Name and symbol are rendered together when ticker is not provided
-      // Format: "name (symbol)"
       expect(
         getByText(`${mockProps.asset.name} (${mockProps.asset.symbol})`),
       ).toBeTruthy();
@@ -102,8 +100,6 @@ describe('Price Component', () => {
     it('renders header correctly when name and ticker are provided', () => {
       const { getByText } = render(<Price {...mockProps} />);
 
-      // Name and ticker are rendered together
-      // Format: "name (ticker)"
       expect(
         getByText(`${mockProps.asset.name} (${mockProps.asset.ticker})`),
       ).toBeTruthy();

app/components/UI/AssetOverview/Price/Price.tsx

@@ -97,6 +97,7 @@
   return (
     <>
       <View style={styles.wrapper}>
+        {/* TODO: remove this once we have have the new row confirmed from design */}
         {asset.name ? (
           stockTokenBadge ? (
             <View>