fix: footer

packages/bridge/src/components/Footer/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { GithubOutlined, TwitterOutlined } from '@ant-design/icons';
-import { Link } from 'react-router-dom';
 import { SecurityAuditButton } from '../SecurityAuditButton';
 import { Button } from 'antd';
 
@@ -14,11 +13,12 @@ export const Footer = () => {
         shape={'circle'}
         icon={<GithubOutlined />}
         style={{ marginRight: '20px' }}
+        onClick={() => window.open('https://github.com/solana-labs/oyster', '_blank')}
       >
-        <Link to={'https://github.com/solana-labs/oyster'}></Link>
       </Button>
-      <Button shape={'circle'} icon={<TwitterOutlined />}>
+      <Button shape={'circle'}
-        <Link to={'https://twitter.com/solana'}></Link>
+              icon={<TwitterOutlined />}
+              onClick={() => window.open('https://twitter.com/solana', '_blank')}>
       </Button>
     </div>
   );

packages/bridge/src/components/SecurityAuditButton/index.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
 import { Button } from 'antd';
 
 import './index.less';
 
 export const SecurityAuditButton = () => {
   return (
-    <Button className={'audit-button'}>
+    <Button className={'audit-button'}
-      <Link to={'https://github.com/certusone/wormhole'}>Security Audit</Link>
+            onClick={() => window.open('https://github.com/certusone/wormhole', '_blank')}>
+      Security Audit
     </Button>
   );
 };