docs: access key guides (#329)

* docs: add access keys guides (overview + send a payment)

Amp-Thread-ID: https://ampcode.com/threads/T-019d74be-6ebd-729e-b27f-d26f023a9256

* up

* docs: access key guides - authorize, periodical payments, public keys, revoke

Amp-Thread-ID: https://ampcode.com/threads/T-019dad40-f171-72ac-bde8-ae91249ec34a

* rm

* up

* Delete src/pages/guide/access-keys/index.mdx

* Update authorize-access-keys.mdx

* fix: update pnpm-lock.yaml for accounts ^0.7.1

* fix: resolve TypeScript errors from accounts v0.7 upgrade

* fix: upgrade wagmi/viem to canary versions compatible with accounts 0.7

---------

Co-authored-by: Brendan Ryan <brendanjryan@users.noreply.github.com>

Author: jxom

package.json

@@ -24,8 +24,9 @@
     "@tanstack/react-query": "^5.99.0",
     "@vercel/analytics": "^1.6.1",
     "@vercel/speed-insights": "^1.3.1",
+    "@wagmi/core": "0.0.0-canary-20260421205751",
     "abitype": "^1.2.3",
-    "accounts": "^0.6.5",
+    "accounts": "^0.7.1",
     "cva": "1.0.0-beta.4",
     "mermaid": "^11.14.0",
     "monaco-editor": "^0.55.1",
@@ -41,9 +42,9 @@
     "tailwindcss": "^4.2.2",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-icons": "^23.0.1",
-    "viem": "2.48.0",
+    "viem": "^2.48.4",
     "vocs": "https://pkg.pr.new/wevm/vocs@2fb25c2",
-    "wagmi": "^3.6.1",
+    "wagmi": "0.0.0-canary-20260421205751",
     "waku": "1.0.0-alpha.4",
     "zod": "^4.3.6"
   },

pnpm-lock.yaml

@@ -37,5 +37,5 @@ export function AccountsSignIn() {
 
 function useTempoWalletConnector() {
   const connectors = useConnectors()
-  return connectors.find((c) => c.id === 'xyz.tempo')
+  return connectors.find((c: { id: string }) => c.id === 'xyz.tempo')
 }

src/components/guides/AccountsSignIn.tsx

@@ -121,13 +121,7 @@ function PasskeyLogin() {
         className="font-normal text-[14px] -tracking-[2%]"
         onClick={async () => {
           await disconnect.disconnectAsync().catch(() => {})
-          connect.connect({
-            connector,
-            capabilities: {
-              label: 'Tempo Docs',
-              type: 'sign-up',
-            },
-          })
+          connect.connect({ connector })
         }}
         type="button"
       >