Add zkSync and Cosmos Hub to supported networks (#153)

Author: benface

pages/[locale]/index.tsx

@@ -394,6 +394,18 @@ const Index: NextPage<IndexProps> = ({ navItems }: IndexProps) => {
               href: 'https://harmony.one/',
               beta: true,
             },
+            {
+              title: 'zkSync',
+              image: '/img/networks/zksync.svg',
+              href: 'https://zksync.io/',
+              beta: true,
+            },
+            {
+              title: 'Cosmos Hub',
+              image: '/img/networks/cosmos.svg',
+              href: 'https://cosmos.network/',
+              beta: true,
+            },
           ].map((network, index) => (
             <Flex.Column as="li" key={index}>
               <Text as="div" size="14px" color="White48" sx={{ textAlign: 'center' }}>
@@ -421,7 +433,9 @@ const Index: NextPage<IndexProps> = ({ navItems }: IndexProps) => {
             </Flex.Column>
           ))}
         </ul>
-        <Text.P14 sx={{ mt: '32px' }}>*{t('index.supportedNetworks.betaWarning')}</Text.P14>
+        <Text.P14 color="White64" sx={{ mt: '32px' }}>
+          *{t('index.supportedNetworks.betaWarning')}
+        </Text.P14>
       </div>
     </MDXLayout>
   )