fix(dashboard): mood tile mobile shows number once + label, not twice

The mood-list mobile branch (`md:hidden`) rendered each entry's score
TWICE: once as a large bold digit in the left badge, then again next
to it in the title line as "{score} ({label})". Desktop's table view
only ever showed it once. The redundancy made the row read like
"2 2 (schlecht)" — the badge already supplies the digit, the title
line just needs the textual label.

Drop the duplicate digit from the title line; the row now reads
"[2] Schlecht / 12.05.2026 18:30 / tags". Add `data-testid` hooks
on the row and the score badge so the Pixel-5 Playwright guard at
`e2e/mood-card-mobile.spec.ts` can assert "exactly one occurrence of
the score digit per row" — that contract is what would have caught the
duplicate before merge.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/mood/mood-list.tsx

@@ -383,29 +383,36 @@ export function MoodList() {
               </Table>
             </div>
 
-            {/* Mobile list */}
+            {/* Mobile list — v1.4.15 phase-A3 fix #2: previously the row
+                rendered the score TWICE on mobile (the big number in the
+                left badge AND a duplicate in the title line: "2 (schlecht)").
+                Desktop's table version only ever showed one. The badge is
+                the visual anchor; next to it the user wants the textual
+                label, not a second copy of the digit. The
+                `data-testid="mood-row"` hook is what the Playwright Pixel-5
+                guard at `e2e/mood-card-mobile.spec.ts` queries to assert
+                "exactly one occurrence of the score per row". */}
             <div className="space-y-2 md:hidden">
               {data.entries.map((entry) => (
                 <div
                   key={entry.id}
+                  data-testid="mood-row"
                   className="bg-card border-border flex items-center justify-between rounded-lg border p-3"
                 >
                   <div className="flex items-center gap-2.5 overflow-hidden">
                     <div className="bg-muted flex h-8 w-8 shrink-0 items-center justify-center rounded-lg">
-                      <span className="text-lg font-bold tabular-nums">
+                      <span
+                        data-testid="mood-row-score"
+                        className="text-lg font-bold tabular-nums"
+                      >
                         {entry.score}
                       </span>
                     </div>
                     <div className="min-w-0">
-                      <span className="text-sm font-semibold tabular-nums">
-                        {entry.score}{" "}
-                        <span className="text-muted-foreground font-normal">
-                          (
-                          {MOOD_LABEL_KEYS[entry.mood]
-                            ? t(MOOD_LABEL_KEYS[entry.mood])
-                            : entry.mood}
-                          )
-                        </span>
+                      <span className="text-sm font-semibold">
+                        {MOOD_LABEL_KEYS[entry.mood]
+                          ? t(MOOD_LABEL_KEYS[entry.mood])
+                          : entry.mood}
                       </span>
                       <p className="text-muted-foreground truncate text-xs">
                         {formatDateTime(entry.moodLoggedAt)}