feat: tx link color

package.json

@@ -98,7 +98,8 @@
       "undici@>=2.0.0 <5.19.1": ">=5.19.1",
       "@babel/traverse@<7.23.2": ">=7.23.2",
       "undici@<5.26.2": ">=5.26.2",
-      "axios@>=0.8.1 <1.6.0": ">=1.6.0"
+      "axios@>=0.8.1 <1.6.0": ">=1.6.0",
+      "follow-redirects@<1.15.4": ">=1.15.4"
     }
   },
   "dependencies": {

packages/app/src/systems/Bridge/components/BridgeTxOverview/BridgeTxOverview.tsx

@@ -32,7 +32,7 @@ export const BridgeTxOverview = ({
     <Box.Stack css={styles.stack}>
       <Box.Flex css={styles.txItem}>
         <Text css={styles.labelText}>ID</Text>
-        <Link href={explorerLink} isExternal css={styles.infoText}>
+        <Link href={explorerLink} isExternal css={styles.linkText}>
           <Box aria-label="Transaction ID">{transactionId.toString()}</Box>
         </Link>
       </Box.Flex>
@@ -100,6 +100,10 @@ const styles = {
     fontSize: '$sm',
     color: '$intentsBase12',
   }),
+  linkText: cssObj({
+    fontSize: '$sm',
+    color: '$intentsPrimary9',
+  }),
   directionInfo: cssObj({
     gap: '$1',
     alignItems: 'center',