feat(ui): Arc kayan vurgulu seçim hapları ve sayı rulosu

- SecimHaplari: tema seçici (kapsül) ve puan türü çipleri (hero + CTA formu);
  seçili vurgu layoutId ile seçenekten seçeneğe kayar.
- SayiRulo: değişen sayılar (listem rozeti, çekmece ve durum satırı sayacı,
  kredi hapları, dilim tablosu sayacı, giriş yeniden gönder sayacı, kaydet
  bandı, üst şerit geri sayımı) rulo gibi döner; @number-flow/react kaldırıldı.
- DESIGN.md §4.21–4.22, components.json @uiarc kaydı.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

src/features/rapor/components/sohbet-client.tsx

@@ -19,6 +19,7 @@ import {
 } from "lucide-react";
 import { toast } from "sonner";
 import { cn } from "@/lib/utils";
+import { SayiRulo } from "@/components/ui/sayi-rulo";
 import { AnimasyonluMark } from "@/components/animasyonlu-mark";
 import { AracPilleri, aracPilleri } from "./arac-pilleri";
 import { SOHBET_MARKDOWN_BILESENLERI, baglantilariIsaretle } from "./sohbet-baglanti";
@@ -643,7 +644,7 @@ export function SohbetClient({
             title="Kredilerin — yüklemek için tıkla"
           >
             <Coins className="size-3.5" aria-hidden />
-            {kredi} kredi
+            <SayiRulo deger={kredi} /> kredi
           </Link>
         </div>
       </div>