Fix tests broken by the front-end redesign

Five tests started failing once the redesign rewrote the
markup of pages they assert against:

  - src/oauth.test.ts looks up the listed scopes via
    "#scopes > li > code".  The new authorization page used
    the same <ul>/<li>/<code> structure but had dropped the
    id="scopes" attribute on the <ul>.  Re-added.

  - src/pages/federation.test.tsx expects the canonical handle
    conflict copy to read "Account refresh was blocked by a
    canonical handle conflict."  The redesign had shortened it
    to "Refresh blocked by a canonical handle conflict.";
    restore the longer wording — it's also clearer to the
    reader.

  - src/pages/thumbnail_cleanup.test.ts asserted
    "Number of Items: 4,980" on the preview output.  The
    preview now renders the count inside a <dl><dt>Items</dt>
    <dd>4,980</dd> grid, so the test is updated to assert the
    new "Items" label and "4,980" value separately, and its
    expect.assertions count moves from 5 to 6.

  - src/pages/profile/index.test.tsx asserted
    "Posts tagged #TestTag" as a single string.  The redesign
    splits the heading into "Posts tagged " followed by a
    brand-tinted <span>#TestTag</span>, so the assertion is
    split in two and the assertions count moves from 5 to 6.

Assisted-by: Claude Code:claude-opus-4-7

Author: dahlia

src/pages/federation.tsx

@@ -62,7 +62,7 @@ data.get("/", async (c) => {
                 : done === "refresh:post"
                   ? "The post has been refreshed."
                   : error === "refresh:account-conflict"
-                    ? "Refresh blocked by a canonical handle conflict."
+                    ? "Account refresh was blocked by a canonical handle conflict."
                     : "Use this when you see outdated remote account or post data."}
             </p>
           </header>

src/pages/oauth/authorization.tsx

@@ -27,7 +27,7 @@ export function AuthorizationPage(props: AuthorizationPageProps) {
             <p class="text-xs font-semibold uppercase tracking-wider text-neutral-500 dark:text-neutral-400">
               The application can:
             </p>
-            <ul class="mt-2 flex flex-wrap gap-1.5">
+            <ul id="scopes" class="mt-2 flex flex-wrap gap-1.5">
               {props.scopes.map((scope) => (
                 <li key={scope}>
                   <code class="inline-block rounded bg-white px-2 py-0.5 font-mono text-xs text-brand-700 ring-1 ring-neutral-200 dark:bg-neutral-950 dark:text-brand-400 dark:ring-neutral-800">

src/pages/profile/index.test.tsx

@@ -16,7 +16,7 @@ describe.sequential("profile tagged page", () => {
   });
 
   it("shows only the profile user's matching tagged posts", async () => {
-    expect.assertions(5);
+    expect.assertions(6);
 
     const taggedPostId = uuidv7();
     const otherPostId = uuidv7();
@@ -70,7 +70,8 @@ describe.sequential("profile tagged page", () => {
 
     const html = await response.text();
 
-    expect(html).toContain("Posts tagged #TestTag");
+    expect(html).toContain("Posts tagged");
+    expect(html).toContain("#TestTag");
     expect(html).toContain("Matching profile tag post");
     expect(html).not.toContain("Different tag post");
     expect(html).not.toContain("Private matching tag post");

src/pages/thumbnail_cleanup.test.ts

@@ -30,7 +30,7 @@ describe.sequential("thumbnail cleanup", () => {
   });
 
   it("preserves preview counts over 999 across the redirect", async () => {
-    expect.assertions(5);
+    expect.assertions(6);
 
     vi.mocked(getMediaWithDeletableThumbnails).mockResolvedValue(
       createMediaItems(4980),
@@ -62,6 +62,8 @@ describe.sequential("thumbnail cleanup", () => {
     });
 
     expect(previewResponse.status).toBe(200);
-    expect(await previewResponse.text()).toContain("Number of Items: 4,980");
+    const previewBody = await previewResponse.text();
+    expect(previewBody).toContain("Items");
+    expect(previewBody).toContain("4,980");
   });
 });