feat: upgrade dialect (#2265)

components/Dialect/index.tsx

@@ -0,0 +1,17 @@
+'use client'
+
+import { web3 } from '@coral-xyz/anchor'
+import { DialectSolanaSdk } from '@dialectlabs/react-sdk-blockchain-solana'
+import { NotificationsButton } from '@dialectlabs/react-ui'
+
+const REALMS_PUBLIC_KEY = new web3.PublicKey(
+  'BUxZD6aECR5B5MopyvvYqJxwSKDBhx2jSSo1U32en6mj'
+)
+
+export default function DialectNotifications() {
+  return (
+    <DialectSolanaSdk dappAddress={REALMS_PUBLIC_KEY.toString()}>
+      <NotificationsButton />
+    </DialectSolanaSdk>
+  )
+}

components/NavBar.tsx

@@ -1,9 +1,9 @@
 import useQueryContext from '@hooks/useQueryContext'
 import Link from 'next/link'
 import dynamic from 'next/dynamic'
-import NotificationsSwitch from './NotificationsSwitch'
 import ThemeSwitch from './ThemeSwitch'
 import { ExternalLinkIcon } from '@heroicons/react/outline'
+import DialectNotifications from './Dialect'
 
 const ConnectWalletButtonDynamic = dynamic(
   async () => await import('./ConnectWalletButton'),
@@ -38,7 +38,7 @@ const NavBar = () => {
             <ExternalLinkIcon className="stroke-white h-4 w-4 ml-2" />
           </a>
           <ThemeSwitch />
-          <NotificationsSwitch />
+          <DialectNotifications />
           <ConnectWalletButtonDynamic />
         </div>
       </div>