mobile responsive

app/(dashboard)/reward-gifts/page.tsx

@@ -17,6 +17,7 @@ import Image from "next/image";
 import { toast } from "sonner";
 import { rewardGifts, type GiftableReward } from "@/lib/api";
 import { compressImage } from "@/lib/compress-image";
+import { Clamp } from "@/components/ui/clamp";
 
 export default function RewardGiftsPage() {
   const [catalog, setCatalog] = useState<GiftableReward[] | null>(null);
@@ -123,9 +124,9 @@ export default function RewardGiftsPage() {
                   unoptimized
                 />
               </div>
-              <p className="line-clamp-2 text-sm font-medium text-foreground">
+              <Clamp lines={2} className="w-full text-sm font-medium text-foreground">
                 {r.name}
-              </p>
+              </Clamp>
               <div className="mt-auto w-full space-y-1.5">
                 <Can perm="rewards:send">
                   <button