Add rel="noreferrer noopener" to external links

packages/design-system/src/MetaButton.tsx

@@ -3,8 +3,7 @@ import React from 'react';
 
 export const MetaButton: React.FC<ButtonProps> = ({ children, ...props }) => (
   <Button
-    bgColor="purple.400"
-    _hover={{ bgColor: 'purple.500' }}
+    colorScheme="purple"
     textTransform="uppercase"
     px={12}
     letterSpacing="0.1em"

packages/web/components/Player/PlayerContacts.tsx

@@ -20,6 +20,7 @@ export const PlayerContacts: React.FC<Props> = ({ player }) => {
               as="a"
               href={link}
               target="_blank"
+              rel="noreferrer noopener"
               key={link}
               size="xs"
               colorScheme="twitter"
@@ -36,6 +37,7 @@ export const PlayerContacts: React.FC<Props> = ({ player }) => {
               as="a"
               href={link}
               target="_blank"
+              rel="noreferrer noopener"
               key={link}
               size="xs"
               colorScheme="blackAlpha"
@@ -53,6 +55,7 @@ export const PlayerContacts: React.FC<Props> = ({ player }) => {
           as="a"
           href={`https://etherscan.com/address/${player.ethereum_address}`}
           target="_blank"
+          rel="noreferrer noopener"
           size="xs"
           colorScheme="blackAlpha"
           leftIcon={<FaEthereum />}