feat: support concurrent Reddit accounts

apps/dashboard/src/features/conversations/processed-user-lookup.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { AccountOwnerBadge } from '../../components/account-owner-badge.js';
 import { RedditUsernameLink, redditUsernameLabel } from '../../components/reddit-username-link.js';
 import { useProcessedPostsQuery } from './conversation-queries.js';
 
@@ -15,12 +16,12 @@ export function ProcessedUserLookup() {
         <input id="processed-user" onChange={(event) => setInput(event.target.value)} value={input} />
         <button disabled={input.trim().length === 0} type="submit">Look up user</button>
       </form>
-      {postsQuery.isPending && username ? <p role="status">Looking up processed posts…</p> : null}
+      {postsQuery.isPending && username ? <p role="status">Looking up processed posts...</p> : null}
       {postsQuery.isError ? <p role="alert">{postsQuery.error.message}</p> : null}
       {postsQuery.data ? (
         postsQuery.data.length === 0 ? <p>No processed posts found for <RedditUsernameLink username={username} />.</p> : (
           <ol aria-label={`Processed posts for ${redditUsernameLabel(username)}`}>
-            {postsQuery.data.map((post) => <li key={post.id}><strong>{post.title}</strong><span>r/{post.subreddit} · {post.messageSent ? 'Message sent' : post.error ?? 'Processed'}</span></li>)}
+            {postsQuery.data.map((post) => <li key={`${post.owner?.accountId ?? 'legacy'}:${post.id}`}><strong>{post.title}</strong><AccountOwnerBadge owner={post.owner} /><span>r/{post.subreddit} · {post.messageSent ? 'Message sent' : post.error ?? 'Processed'}</span></li>)}
           </ol>
         )
       ) : null}