feat: add new chains to Homepage marquee

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,5 @@
+## What it solves
+
+Resolves #
+
+## How this PR fixes it

src/components/common/Networks/index.tsx

@@ -32,8 +32,8 @@ const NetworksRow = ({ networksRow, chainsData }: { networksRow: NetworkChipProp
       {networksRow.map(({ name, icon, textColor, backgroundColor, isNew }, i) => {
         const chainData = chainsData?.find((chain) => chain.chainName === name)
         const chainColors = {
-          textColor: chainData?.textColor || textColor || defaultThemeColors.textColor,
-          backgroundColor: chainData?.backgroundColor || backgroundColor || defaultThemeColors.backgroundColor,
+          textColor: textColor || chainData?.textColor || defaultThemeColors.textColor,
+          backgroundColor: backgroundColor || chainData?.backgroundColor || defaultThemeColors.backgroundColor,
         }
         return <NetworkChip key={`${name}_${i}`} icon={icon} name={name} isNew={isNew} {...chainColors} />
       })}

src/content/home.json

@@ -69,6 +69,16 @@
           "alt": "Arbitrum logo"
         }
       },
+      {
+        "name": "zkSync Era Mainnet",
+        "icon": {
+          "src": "/images/chainsLogos/ZkSyncEraLogo.png",
+          "alt": "zkSync Era logo"
+        },
+        "textColor": "#000000",
+        "backgroundColor": "#FFFFFF",
+        "isNew": true
+      },
       {
         "name": "Polygon",
         "icon": {
@@ -104,13 +114,20 @@
           "alt": "Arbitrum logo"
         }
       },
+      {
+        "name": "Polygon zkEVM",
+        "icon": {
+          "src": "/images/chainsLogos/PolygonZkEVMLogo.png",
+          "alt": "Polygon zkEVM logo"
+        },
+        "isNew": true
+      },
       {
         "name": "Celo",
         "icon": {
           "src": "/images/chainsLogos/CeloLogo.png",
           "alt": "Celo logo"
-        },
-        "isNew": true
+        }
       }
     ],
     "component": "common/Networks"