fix(ui): show mood tags and document titles in full

Mood tags are the person's own words and were cut to one line in the list;
they wrap now. A document title wraps to two lines with hyphenation and
carries its full text in title past that; the filename line keeps its
truncation, which already shows the full name on hover.

src/components/documents/document-card.tsx

@@ -180,7 +180,12 @@ export function DocumentCard({
 
   const titleBlock = (
     <div className="flex min-w-0 flex-1 flex-col">
-      <p className="truncate text-sm font-medium">{title}</p>
+      <p
+        className="line-clamp-2 text-sm font-medium break-words hyphens-auto"
+        title={title}
+      >
+        {title}
+      </p>
       <p className="text-muted-foreground truncate text-xs">
         {/* v1.42 — a dated document's date opens its day, above the
             whole-card button. It follows the grid's roving tab stop, so the

src/components/mood/mood-list.tsx

@@ -846,7 +846,7 @@ export function MoodList({ onAddFirst, onEmptyChange }: MoodListProps = {}) {
                           </span>
                         </TableCell>
                         <TableCell className="text-muted-foreground max-w-[18rem] text-sm">
-                          <span className="block truncate">
+                          <span className="block break-words">
                             {entry.tags.length > 0
                               ? entry.tags.join(", ")
                               : "-"}
@@ -960,7 +960,7 @@ export function MoodList({ onAddFirst, onEmptyChange }: MoodListProps = {}) {
                           </DayLink>
                         </p>
                         {entry.tags.length > 0 && (
-                          <p className="text-muted-foreground truncate text-xs">
+                          <p className="text-muted-foreground text-xs break-words">
                             {entry.tags.join(", ")}
                           </p>
                         )}