refactor: katalog feature'ı — sayfalar senkron kompozisyona geçti (Faz 2)

- 8 katalog bileşeni src/features/katalog/components/ altına taşındı;
  katalog-queries.ts (server-only) lib/katalog'un feature kapısı oldu
- /bolumler ve /universiteler'in sayfa içi fetch+inline bileşenleri
  BolumKatalogu/UniversiteKatalogu feature bileşenlerine çıkarıldı
- 6 sayfa async'ten senkron'a: params.then() + sayfada Suspense,
  skeleton'lar feature bileşeninin yanında (BolumIcerikSkeleton vb.)
- generateStaticParams artık *-queries yerine bileşen dosyasının
  helper'larını kullanıyor (bolumStaticSlugs, uniSayfaStaticParams)
- Davranış değişikliği yok; route durumları aynı (◐), 1917 statik sayfa

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

src/app/universiteler/page.tsx

@@ -1,12 +1,11 @@
+import { Suspense } from "react";
 import type { Metadata } from "next";
-import Link from "next/link";
-import { getAllUniversiteler, type UniOzet } from "@/lib/katalog";
-import { trBaslikDuzeni } from "@/lib/slug";
 import { JsonLd, breadcrumbJsonLd } from "@/lib/seo";
-import { CtaSiraForm } from "@/components/cta-sira-form";
 import { SiteFooter } from "@/components/site-footer";
-import { PagePixelDivider } from "@/components/pixel-decor";
-import { UniLogo } from "@/components/uni-logo";
+import {
+  UniversiteKatalogu,
+  UniversiteKataloguSkeleton,
+} from "@/features/katalog/components/universite-listesi";
 
 export const metadata: Metadata = {
   title: "Üniversitelerin Taban Puanları ve Sıralamaları 2026",
@@ -15,44 +14,7 @@ export const metadata: Metadata = {
   alternates: { canonical: "/universiteler" },
 };
 
-const sayi = (n: number) => n.toLocaleString("tr-TR");
-
-function UniLinkleri({ uniler }: { uniler: UniOzet[] }) {
-  return (
-    <ul className="mt-4 grid gap-x-6 gap-y-2 sm:grid-cols-2">
-      {uniler.map((u) => (
-        <li key={u.slug}>
-          <Link
-            href={`/universite/${u.slug}`}
-            className="group flex items-center gap-3 text-sm text-slate-700 hover:text-primary"
-          >
-            <UniLogo slug={u.slug} ad={u.ad} boy="sm" />
-            <span className="min-w-0">
-              <span className="block truncate group-hover:underline">
-                {u.ad}
-              </span>
-              <span className="block text-xs text-slate-400">
-                {u.il ? `${trBaslikDuzeni(u.il)} · ` : ""}
-                {sayi(u.programSayisi)} program
-              </span>
-            </span>
-          </Link>
-        </li>
-      ))}
-    </ul>
-  );
-}
-
 export default function UniversitelerPage() {
-  const hepsi = getAllUniversiteler();
-  const devlet = hepsi.filter((u) => u.unitur === "DEVLET");
-  const vakif = hepsi.filter(
-    (u) => u.unitur != null && ["VAKIF", "VAKIF MYO"].includes(u.unitur),
-  );
-  const digerUniler = hepsi.filter(
-    (u) => !devlet.includes(u) && !vakif.includes(u),
-  );
-
   return (
     <>
       <main className="mx-auto w-full max-w-5xl px-4 py-12 sm:py-16">
@@ -66,51 +28,10 @@ export default function UniversitelerPage() {
         <h1 className="font-heading text-3xl font-bold text-slate-900 sm:text-4xl">
           Üniversitelerin Taban Puanları ve Sıralamaları 2026
         </h1>
-        <p className="mt-4 max-w-3xl text-sm leading-7 text-slate-600">
-          {sayi(hepsi.length)} üniversitenin 2025 YKS yerleştirme verileri.
-          Üniversiteye tıklayınca tüm programlarının taban puanlarını, başarı
-          sıralamalarını ve kontenjanlarını fakülte fakülte görürsün. Veriler
-          YÖK Atlas 2025 yerleştirme sonuçlarına dayanır; 2026 tercihleri için
-          rehber niteliğindedir.
-        </p>
 
-        <PagePixelDivider seed={63} className="mt-8" />
-
-        <section className="mt-8">
-          <h2 className="font-heading text-2xl font-bold text-slate-900">
-            Devlet Üniversiteleri
-            <span className="ml-2 text-sm font-normal text-slate-400">
-              {sayi(devlet.length)}
-            </span>
-          </h2>
-          <UniLinkleri uniler={devlet} />
-        </section>
-
-        <section className="mt-10">
-          <h2 className="font-heading text-2xl font-bold text-slate-900">
-            Vakıf Üniversiteleri
-            <span className="ml-2 text-sm font-normal text-slate-400">
-              {sayi(vakif.length)}
-            </span>
-          </h2>
-          <UniLinkleri uniler={vakif} />
-        </section>
-
-        {digerUniler.length > 0 ? (
-          <section className="mt-10">
-            <h2 className="font-heading text-2xl font-bold text-slate-900">
-              KKTC ve Yurt Dışı
-              <span className="ml-2 text-sm font-normal text-slate-400">
-                {sayi(digerUniler.length)}
-              </span>
-            </h2>
-            <UniLinkleri uniler={digerUniler} />
-          </section>
-        ) : null}
-
-        <div className="mt-12">
-          <CtaSiraForm />
-        </div>
+        <Suspense fallback={<UniversiteKataloguSkeleton />}>
+          <UniversiteKatalogu />
+        </Suspense>
       </main>
       <SiteFooter />
     </>