fix: change suspicious activity warning txt (#5001)

change text

src/nft/components/collection/Card.tsx

@@ -572,19 +572,11 @@ const Ranking = ({ rarity, provider, rarityVerified, rarityLogo }: RankingProps)
     </MouseoverTooltip>
   )
 }
+const SUSPICIOUS_TEXT = 'Blocked on OpenSea'
 
 const Suspicious = () => {
   return (
-    <MouseoverTooltip
+    <MouseoverTooltip text={<Box className={bodySmall}>{SUSPICIOUS_TEXT}</Box>} placement="top">
-      text={
-        <Box className={bodySmall}>
-          Reported for suspicious activity
-          <br />
-          on Opensea
-        </Box>
-      }
-      placement="top"
-    >
       <Box display="flex" flexShrink="0" marginLeft="2">
         <SuspiciousIcon20 width="20" height="20" />
       </Box>
@@ -679,6 +671,7 @@ export {
   SecondaryInfo,
   SecondaryRow,
   Suspicious,
+  SUSPICIOUS_TEXT,
   TertiaryInfo,
   Video,
 }

src/nft/components/details/AssetDetails.tsx

@@ -27,6 +27,7 @@ import ReactMarkdown from 'react-markdown'
 import { Link, useLocation, useNavigate } from 'react-router-dom'
 import { useSpring } from 'react-spring'
 
+import { SUSPICIOUS_TEXT } from '../collection/Card'
 import * as styles from './AssetDetails.css'
 
 const AudioPlayer = ({
@@ -271,7 +272,7 @@ export const AssetDetails = ({ asset, collection }: AssetDetailsProps) => {
             <Row as="h1" marginTop="0" marginBottom="12" gap="2" className={headlineMedium}>
               {asset.openseaSusFlag && (
                 <Box marginTop="8">
-                  <MouseoverTooltip text={<Box fontWeight="normal">Reported for suspicious activity on OpenSea</Box>}>
+                  <MouseoverTooltip text={<Box fontWeight="normal">{SUSPICIOUS_TEXT}</Box>}>
                     <SuspiciousIcon height="30" width="30" viewBox="0 0 16 17" />
                   </MouseoverTooltip>
                 </Box>