fix: swap token name and ID display in ChainHero component; update placeholder font style in Search CSS

Author: markshenouda

src/components/CCIP/ChainHero/ChainHero.tsx

@@ -136,8 +136,8 @@ function ChainHero({ chains, tokens, network, token, environment, lanes }: Chain
               overflow: "visible",
             }}
           >
-            {network?.name || token?.id}
-            <span className="ccip-chain-hero__token-logo__symbol">{token?.name}</span>
+            {network?.name || token?.name}
+            <span className="ccip-chain-hero__token-logo__symbol">{token?.id}</span>
 
             {chainTooltipConfig && (
               <Tooltip

src/components/CCIP/Search/Search.css

@@ -33,6 +33,10 @@
   outline: none;
 }
 
+.ccip-hero__search input::placeholder {
+  font-style: normal;
+}
+
 .ccip-hero__search input::-webkit-search-cancel-button {
   -webkit-appearance: none;
   height: 1em;