fix: updated uniswap wallet images (#6390)

* fix: updated uniswap wallet images

* fix: revert unintended css update

* feat: use updated app icon w/ border

src/components/AccountDrawer/UniwalletModal.tsx

@@ -15,7 +15,7 @@ import { ApplicationModal } from 'state/application/reducer'
 import styled, { useTheme } from 'styled-components/macro'
 import { CloseIcon, ThemedText } from 'theme'
 
-import uniPng from '../../assets/images/uniwallet.svg'
+import uniPng from '../../assets/images/uniwallet_modal_icon.png'
 import { DownloadButton } from './DownloadButton'
 
 const UniwalletConnectWrapper = styled(RowBetween)`
@@ -88,8 +88,8 @@ export default function UniwalletModal() {
               fgColor={theme.darkMode ? theme.backgroundSurface : theme.black}
               imageSettings={{
                 src: uniPng,
-                height: 27,
-                width: 27,
+                height: 33,
+                width: 33,
                 excavate: false,
               }}
             />

src/components/Banner/UniswapWalletBanner.tsx

 import { Trans } from '@lingui/macro'
 import { InterfaceElementName } from '@uniswap/analytics-events'
+import walletBannerPhoneImageSrc from 'assets/images/wallet_banner_phone_image.png'
+import { ReactComponent as AppleLogo } from 'assets/svg/apple_logo.svg'
 import { openDownloadApp, openWalletMicrosite } from 'components/AccountDrawer/DownloadButton'
 import { BaseButton } from 'components/Button'
 import { AutoColumn } from 'components/Column'
@@ -15,9 +17,6 @@ import { ThemedText } from 'theme'
 import { Z_INDEX } from 'theme/zIndex'
 import { isIOS } from 'utils/userAgent'
 
-import { ReactComponent as AppleLogo } from '../../assets/svg/apple_logo.svg'
-import walletBannerPhoneImageSrc from '../../assets/svg/wallet_banner_phone_image.svg'
-
 const PopupContainer = styled.div<{ show: boolean }>`
   display: flex;
   flex-direction: column;
@@ -27,7 +26,7 @@ const PopupContainer = styled.div<{ show: boolean }>`
 
   background: url(${walletBannerPhoneImageSrc});
   background-repeat: no-repeat;
-  background-position: bottom -1px right 15px;
+  background-position: top 18px right 15px;
   background-size: 166px;
 
   :hover {

src/connection/index.ts

@@ -7,7 +7,7 @@ import { Connector } from '@web3-react/types'
 import COINBASE_ICON from 'assets/images/coinbaseWalletIcon.svg'
 import GNOSIS_ICON from 'assets/images/gnosis.png'
 import METAMASK_ICON from 'assets/images/metamask.svg'
-import UNIWALLET_ICON from 'assets/images/uniwallet.svg'
+import UNIWALLET_ICON from 'assets/images/uniwallet.png'
 import WALLET_CONNECT_ICON from 'assets/images/walletConnectIcon.svg'
 import INJECTED_DARK_ICON from 'assets/svg/browser-wallet-dark.svg'
 import INJECTED_LIGHT_ICON from 'assets/svg/browser-wallet-light.svg'