fix(ui): let tile and card titles wrap instead of cutting them

Seven tiles passed titleClassName="truncate" to TileHeader, so German
compounds ended in an ellipsis on a narrow tile ("Erholungs-..."). The
title is the only thing naming the figure. TileHeader now owns the wrap
(min-w-0, break-words, hyphens-auto from the document lang) and has no
class override left to truncate with; CardTitle carries the same
break-words/hyphens-auto. A guard refuses truncate or nowrap on any
CardTitle or TileHeader in the tree.

src/components/cycle/cycle-ring-tile.tsx

@@ -108,11 +108,7 @@ export function CycleRingTile({ className }: { className?: string }) {
           className,
         )}
       >
-        <TileHeader
-          icon={Droplets}
-          title={t("cycle.wellnessRing.label")}
-          titleClassName="truncate"
-        />
+        <TileHeader icon={Droplets} title={t("cycle.wellnessRing.label")} />
         <div className="flex flex-col items-center gap-1.5">
           <CycleRing
             dayOfCycle={verdict.dayOfCycle}