Replace cardinal twitter profile pic with civic.me, as cardinal has s…

…hut down and their API is no longer working

components/ConnectWalletButton.tsx

@@ -1,8 +1,7 @@
 import { useRouter } from 'next/router'
-import { AddressImage, DisplayAddress } from '@cardinal/namespaces-components'
+import { DisplayAddress } from '@cardinal/namespaces-components'
 import styled from '@emotion/styled'
 import { Menu } from '@headlessui/react'
-import { UserCircleIcon } from '@heroicons/react/outline'
 import {
   BackspaceIcon,
   CheckCircleIcon,
@@ -12,7 +11,7 @@ import { abbreviateAddress } from '@utils/formatting'
 import { useCallback, useEffect, useState } from 'react'
 import Switch from './Switch'
 import { notify } from '@utils/notifications'
-import { Profile } from '@components/Profile'
+import {Profile, ProfileImage} from '@components/Profile'
 import Loading from './Loading'
 import { WalletName, WalletReadyState } from '@solana/wallet-adapter-base'
 import { useWallet } from '@solana/wallet-adapter-react'
@@ -112,18 +111,7 @@ const ConnectWalletButton = (props) => {
           ) : null}
           {connected && publicKey ? (
             <div className="hidden w-12 pr-2 sm:block">
-              <AddressImage
-                dark={true}
-                connection={connection.current}
-                address={publicKey}
-                height="40px"
-                width="40px"
-                placeholder={
-                  <div className="flex items-center justify-center flex-shrink-0 w-10 h-10 mr-2 rounded-full bg-bkg-4">
-                    <UserCircleIcon className="h-9 text-fgd-3 w-9" />
-                  </div>
-                }
-              />{' '}
+              <ProfileImage publicKey={publicKey} expanded={false} className="h-9 text-fgd-3 w-9" />
             </div>
           ) : (
             <div className="hidden pl-2 pr-2 sm:block">

yarn.lock

@@ -6313,12 +6313,12 @@ ansi-escapes@^4.2.1:
   dependencies:
     type-fest "^0.21.3"
 
-[email protected], ansi-regex@^2.0.0:
+[email protected]:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.1.tgz#123d6479e92ad45ad897d4054e3c7ca7db4944e1"
   integrity sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==
 
-"ansi-regex@>=3.0.1 <=5.0.1", ansi-regex@^3.0.0, ansi-regex@^4.1.0, ansi-regex@^5.0.0, ansi-regex@^5.0.1:
+"ansi-regex@>=3.0.1 <=5.0.1", ansi-regex@^2.0.0, ansi-regex@^3.0.0, ansi-regex@^4.1.0, ansi-regex@^5.0.0, ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==