feat: show wallet icon

web/src/app/app-layout.tsx

@@ -1,11 +1,27 @@
+import { Group } from '@mantine/core'
 import { useDisclosure } from '@mantine/hooks'
 import { UiHeader, UiHeaderLink, UiLayout, UiThemeSwitch } from '@pubkey-ui/core'
 import { ReactNode } from 'react'
+import { WalletIcon } from './features/solana/solana-provider'
 
 export function AppLayout({ children, links }: { children: ReactNode; links: UiHeaderLink[] }) {
   const [opened, { toggle }] = useDisclosure(false)
   return (
-    <UiLayout header={<UiHeader opened={opened} toggle={toggle} links={links} profile={<UiThemeSwitch />} />}>
+    <UiLayout
+      header={
+        <UiHeader
+          opened={opened}
+          toggle={toggle}
+          links={links}
+          profile={
+            <Group>
+              <UiThemeSwitch />
+              <WalletIcon />
+            </Group>
+          }
+        />
+      }
+    >
       {children}
     </UiLayout>
   )

web/src/app/features/solana/solana-provider.tsx

@@ -1,5 +1,5 @@
 import { AnchorProvider } from '@coral-xyz/anchor'
-import { WalletModalProvider, WalletMultiButton } from '@pubkeyapp/wallet-adapter-mantine-ui'
+import { WalletModalProvider, WalletMultiButton, WalletMultiIcon } from '@pubkeyapp/wallet-adapter-mantine-ui'
 import { WalletError } from '@solana/wallet-adapter-base'
 import {
   AnchorWallet,
@@ -13,6 +13,7 @@ import { clusterApiUrl } from '@solana/web3.js'
 import { ReactNode, useCallback } from 'react'
 
 export const WalletButton = WalletMultiButton
+export const WalletIcon = WalletMultiIcon
 
 export function SolanaProvider({ children }: { children: ReactNode }) {
   const endpoint = clusterApiUrl('devnet')

web/src/app/features/transaction/use-transaction-listener.tsx

@@ -27,7 +27,7 @@ export function useTransactionListener(reference: PublicKey) {
         }
         console.error('Unknown error', e)
       }
-    }, 500)
+    }, 1000)
     return () => {
       clearInterval(interval)
     }