Update Next.js configuration and package dependencies

- Modified redirects in next.config.ts to change the destination for "/sohbet" to "/listem".
- Added new dependencies in package.json: marked, motion, react-markdown, remark-breaks, remark-gfm, shiki, and use-stick-to-bottom.
- Updated pnpm-lock.yaml to reflect the new package versions and dependencies.
- Removed obsolete stack files for Flutter, Nuxt, Nuxt.js, React Native, and Svelte from the UI/UX Pro Max skill data.

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

src/app/sonuc/page.tsx

@@ -4,18 +4,21 @@ import { ArrowLeft } from "lucide-react";
 import { eq } from "drizzle-orm";
 import {
   PUAN_TURLERI,
-  searchByRank,
   rankWindowFacets,
+  searchByRank,
   type PuanTuruKey,
 } from "@/lib/db";
 import { getSession, getCurrentUser } from "@/lib/session";
 import { appDb, schema } from "@/lib/appdb";
 import type { RaporSonuc } from "@/lib/ai/rapor";
 import type { RaporParams } from "@/lib/rapor-havuzu";
+import { raporMaskele } from "@/lib/rapor-maske";
 import { SihirbazBolumu } from "./sihirbaz-cagri-karti";
-import type { MevcutRapor, OnizlemeSatir } from "./sihirbaz-modal";
+import { FunnelBanner } from "./funnel-banner";
+import type { MevcutRapor } from "./liste-paneli";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { ProgramTablosu } from "@/components/program-tablosu";
 
 export const metadata: Metadata = {
   title: "Tercih Listeni Kur — KolayTercih",
@@ -36,6 +39,7 @@ export default async function SonucPage({
     sira?: string;
     tur?: string;
     sihirbaz?: string;
+    acildi?: string;
   }>;
 }) {
   const params = await searchParams;
@@ -74,24 +78,20 @@ export default async function SonucPage({
     : null;
 
   const facetler = rankWindowFacets(sira, turKey);
+  // AI'sız ham liste: yalnızca sıralamayla ulaşılabilen programlar (dilimli)
+  const hamSonuclar = searchByRank(sira, turKey, { limitPerBucket: 20 });
+  // Paketsize giden rapor sunucuda maskelenir: blur yalnızca CSS olduğundan
+  // kilitli satırların gerçek içeriği client'a hiç inmez.
+  const hasPaket = Boolean(user?.hasPaket);
   const mevcutRapor: MevcutRapor | null = raporSatiri?.result
     ? {
-        rapor: raporSatiri.result as RaporSonuc,
+        rapor: hasPaket
+          ? (raporSatiri.result as RaporSonuc)
+          : raporMaskele(raporSatiri.result as RaporSonuc),
         params: raporSatiri.params as RaporParams,
         revisionCount: raporSatiri.revisionCount,
       }
     : null;
-  // Paketsiz kullanıcıya blur önizlemede gösterilecek gerçek dengeli satırlar
-  const onizlemeSatirlari: OnizlemeSatir[] = searchByRank(sira, turKey, {
-    limitPerBucket: 5,
-  })
-    .dengeli.slice(0, 5)
-    .map((p) => ({
-      id: p.id,
-      isim: p.isim,
-      universite: p.universite,
-      il: p.il,
-    }));
 
   return (
     <div className="min-h-screen bg-slate-50 text-slate-900">
@@ -141,18 +141,27 @@ export default async function SonucPage({
           ))}
         </nav>
 
-        {/* Sihirbaz akışı (CTA + modal) — seçimler ana sayfadaki modalda yapılır,
-            burada yalnızca giriş dönüşünde (?sihirbaz=1) otomatik açılır */}
+        {/* Satın alım funnel'ı: değişen cümlelerle adayı sihirbaza (rapor
+            varsa /listem paywall'ına) iten banner — paketli kullanıcıya
+            satacak bir şey kalmadığından gösterilmez */}
+        {!hasPaket ? <FunnelBanner hedefListem={Boolean(mevcutRapor)} /> : null}
+
+        {/* AI'dan bağımsız ham tablo + manuel liste haritası — sayfanın ana
+            gövdesi; + ile manuel 24'lük liste kurulur */}
+        <ProgramTablosu sonuclar={hamSonuclar} adaySira={sira} />
+
+        {/* Sihirbaz akışı (CTA + modal + AI listesi) — blurlu AI paneli
+            sayfanın en altında yaşar */}
         <SihirbazBolumu
           sira={sira}
           tur={turKey}
           facetler={facetler}
           girisliMi={Boolean(session)}
-          hasPaket={Boolean(user?.hasPaket)}
+          hasPaket={hasPaket}
           kredi={user?.creditBalance ?? 0}
           mevcutRapor={mevcutRapor}
-          onizlemeSatirlari={onizlemeSatirlari}
           otomatikAc={params.sihirbaz === "1"}
+          acilis={params.acildi === "1"}
         />
 
         <p className="mt-10 text-center text-xs leading-relaxed text-slate-500">