Add Rybbit analytics script and enhance pricing section with new features

- Integrated Rybbit analytics script in layout.tsx for improved tracking.
- Updated pricing section in page.tsx to include detailed package features and pricing information.
- Refined button interactions and added icons for better user engagement.
- Adjusted return URL handling in odeme/sonuc/page.tsx to preserve order information.
- Enhanced satin-al-form.tsx to include visual indicators for payment redirection.

src/app/paket/page.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import type { Metadata } from "next";
 import {
+  ArrowRight,
   CheckCircle2,
   Coins,
   FileText,
@@ -122,16 +123,23 @@ export default async function PaketPage({
                     />
                   )
                 ) : (
-                  <Button
-                    asChild
-                    className="h-12 w-full cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
-                  >
-                    <Link
-                      href={`/giris?callback=${encodeURIComponent("/paket")}`}
+                  <div className="space-y-2">
+                    <Button
+                      asChild
+                      className="h-12 w-full cursor-pointer bg-orange-500 px-8 text-white transition-colors duration-200 hover:bg-orange-600"
                     >
-                      Giriş yap ve {DENEME_KREDISI} deneme kredisi kazan
-                    </Link>
-                  </Button>
+                      <Link
+                        href={`/giris?callback=${encodeURIComponent("/paket")}`}
+                      >
+                        Giriş yap — sonra {tl(URUNLER.paket.amountKurus)} TL&apos;ye
+                        al
+                        <ArrowRight className="size-4" aria-hidden />
+                      </Link>
+                    </Button>
+                    <p className="text-center text-xs text-slate-500">
+                      Girişte {DENEME_KREDISI} deneme kredisi de tanımlanır.
+                    </p>
+                  </div>
                 )}
               </div>
               <p className="mt-4 text-center text-xs text-slate-500">
@@ -159,7 +167,7 @@ export default async function PaketPage({
                 {u ? (
                   <SatinAlForm
                     urun="topup"
-                    label={`+${URUNLER.topup.credits} kredi al`}
+                    label={`+${URUNLER.topup.credits} kredi — ${tl(URUNLER.topup.amountKurus)} TL`}
                   />
                 ) : (
                   <Button

src/app/paket/satin-al-form.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useActionState, useEffect } from "react";
+import { ArrowRight } from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import { baslatOdeme, type OdemeBaslatDurum } from "./actions";
@@ -36,7 +37,14 @@ export function SatinAlForm({
         }
         variant={vurgulu ? "default" : "outline"}
       >
-        {pending ? "Ödeme sayfasına yönlendiriliyorsun…" : label}
+        {pending ? (
+          "Ödeme sayfasına yönlendiriliyorsun…"
+        ) : (
+          <>
+            {label}
+            <ArrowRight className="size-4" aria-hidden />
+          </>
+        )}
       </Button>
     </form>
   );