mobile responsive

app/(dashboard)/vani/page.tsx

@@ -22,6 +22,7 @@ import {
   type VaniCandidate,
   type VaniPick,
 } from "@/lib/api";
+import { Clamp } from "@/components/ui/clamp";
 
 /** Today in UTC — picks are keyed on a UTC calendar day. */
 function todayUTC(): string {
@@ -200,12 +201,10 @@ export default function VaniPage() {
                   className="flex items-center gap-3 px-3 py-2.5"
                 >
                   <div className="min-w-0 flex-1">
-                    <p className="truncate text-sm text-foreground">
-                      {c.title}
-                    </p>
-                    <p className="truncate text-xs text-muted-foreground">
-                      {vaniKindFor(c.collection)} · {c.snippet}
-                    </p>
+                    <Clamp className="text-sm text-foreground">{c.title}</Clamp>
+                    <Clamp className="text-xs text-muted-foreground">
+                      {`${vaniKindFor(c.collection)} · ${c.snippet}`}
+                    </Clamp>
                   </div>
                   <button
                     type="button"
@@ -240,13 +239,12 @@ export default function VaniPage() {
                   {p.day}
                 </span>
                 <div className="min-w-0 flex-1">
-                  <p className="truncate text-sm text-foreground">
+                  <Clamp className="text-sm text-foreground">
                     {p.payload.title}
-                  </p>
-                  <p className="truncate text-xs text-muted-foreground">
-                    {p.payload.label}
-                    {p.payload.book_title ? ` · ${p.payload.book_title}` : ""}
-                  </p>
+                  </Clamp>
+                  <Clamp className="text-xs text-muted-foreground">
+                    {`${p.payload.label}${p.payload.book_title ? ` · ${p.payload.book_title}` : ""}`}
+                  </Clamp>
                 </div>
                 <Can perm="vani:write">
                   <button