Add NIP-17 encrypted DM support to account support page

[Copilot]

Adds end-to-end encrypted direct messaging with the support team using NIP-17 (Gift Wrap / NIP-59) in the account support page.

New component: src/components/nip17-dm.tsx

• Subscribes to kind 1059 (GiftWrap) events tagged to the user's pubkey via useRequestBuilder with leaveOpen: true
• Decrypts incoming messages through the full NIP-17 stack: unwrapGift() → unsealRumor() → rumor content; filters to only show messages involving the support pubkey
• Sends messages by creating an unsigned kind 14 chat rumor, then sealing + gift-wrapping for both the support account and self (preserves sent message history)

const rumor = signer.createUnsigned(EventKind.ChatRumor, content, (eb) =>
  eb.tag(["p", supportPubkey]),
);
const wrapForSupport = await signer.giftWrap(
  await signer.sealRumor(rumor, supportPubkey), supportPubkey,
);
const wrapForSelf = await signer.giftWrap(
  await signer.sealRumor(rumor, myPubkey), myPubkey,
);
login.system.BroadcastEvent(wrapForSupport);
login.system.BroadcastEvent(wrapForSelf);

• Uses a useRef set to track processed event IDs, avoiding redundant decryption on re-renders
• Chat UI: sent messages right-aligned, received left-aligned; auto-scrolls to latest

Updated: src/pages/account-support.tsx

• Adds a "Direct Messages" section rendering <Nip17DM /> above the existing contact form

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Messages</issue_title>
<issue_description>Support direct support messages via NIP-17 DM's in the account page.

You can see an example of how to implement it here: https://github.com/v0l/snort/blob/main/packages/app/src/chat/nip17.ts</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Messages #8

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.