fix(replies): refresh thread backlinks from live account replies (#1058)

* fix(replies): refresh thread backlinks from live account replies

* refactor(replies): extract useRegisterFreshReplies hook per CodeRabbit

src/hooks/__tests__/use-fresh-replies.test.tsx

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { createElement } from 'react';
+import { createRoot, type Root } from 'react-dom/client';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import useFreshReplies from '../use-fresh-replies';
+
+(globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
+const act = (React as { act?: (cb: () => void | Promise<void>) => void | Promise<void> }).act as (cb: () => void | Promise<void>) => void | Promise<void>;
+
+const testState = vi.hoisted(() => ({
+  accountComments: [] as Array<Record<string, unknown>>,
+  replies: [] as Array<Record<string, unknown>>,
+}));
+
+vi.mock('@bitsocialnet/bitsocial-react-hooks', () => ({
+  useAccountComments: () => ({
+    accountComments: testState.accountComments,
+  }),
+}));
+
+let container: HTMLDivElement;
+let latestValue: ReturnType<typeof useFreshReplies>;
+let root: Root;
+
+const HookHarness = () => {
+  latestValue = useFreshReplies(testState.replies as never);
+  return null;
+};
+
+const renderHook = () => {
+  act(() => {
+    root.render(createElement(HookHarness));
+  });
+};
+
+describe('useFreshReplies', () => {
+  beforeEach(() => {
+    testState.accountComments = [];
+    testState.replies = [];
+
+    container = document.createElement('div');
+    document.body.appendChild(container);
+    root = createRoot(container);
+  });
+
+  afterEach(() => {
+    act(() => root.unmount());
+    container.remove();
+  });
+
+  it('replaces stale indexed replies with the latest account comment objects', () => {
+    testState.replies = [
+      {
+        cid: 'reply-cid',
+        content: 'stale reply',
+        index: 3,
+        number: undefined,
+        subplebbitAddress: 'music.eth',
+      },
+      {
+        cid: 'network-reply-cid',
+        content: 'network reply',
+        subplebbitAddress: 'music.eth',
+      },
+    ];
+    testState.accountComments = [
+      {
+        cid: 'reply-cid',
+        content: 'fresh reply',
+        index: 3,
+        number: 27,
+        subplebbitAddress: 'music.eth',
+      },
+    ];
+
+    renderHook();
+
+    expect(latestValue[0]).toBe(testState.accountComments[0] as never);
+    expect(latestValue[0]?.number).toBe(27);
+    expect(latestValue[1]).toBe(testState.replies[1] as never);
+
+    testState.accountComments = [
+      {
+        ...testState.accountComments[0],
+        number: 28,
+      },
+    ];
+
+    renderHook();
+
+    expect(latestValue[0]?.number).toBe(28);
+  });
+});