refactor: güncellenmiş profil çerezi ile sonuç sayfası yönlendirmeleri

Profil çerezinin SSR'da kullanılmasını sağlayarak, sonuç sayfasındaki yönlendirmeleri güncelledik. Artık profil bilgileri URL parametreleri yerine çerezden alınarak işleniyor. Ayrıca, profil çerezi olmayan kullanıcılar için yönlendirme mantığı iyileştirildi. Çeşitli bileşenlerdeki URL oluşturma fonksiyonları güncellenerek, profil bilgileri çerezden okunacak şekilde düzenlendi. Bu değişiklikler, kullanıcı deneyimini artırmayı ve daha tutarlı bir veri akışı sağlamayı hedefliyor.

src/features/sihirbaz/components/sihirbaz-adimlar.tsx

@@ -110,6 +110,9 @@ export function SihirbazAdimlar({
   // eşleşme için iki taraf da normalizeIlAdi'dan geçirilir.
   const [ilArama, setIlArama] = useState("");
   const ilAramaNorm = normalizeIlAdi(ilArama.trim());
+  // 81 çip ilk bakışta boğucu; varsayılan görünüm ilk 10 il + "+N il daha"
+  // rozeti. Arama açıkken kırpma yok (arama zaten görünümü daraltıyor).
+  const [tumIllerAcik, setTumIllerAcik] = useState(false);
   const gorunenTurkiyeIlleri = useMemo(
     () =>
       ilAramaNorm
@@ -119,6 +122,14 @@ export function SihirbazAdimlar({
         : turkiyeIlleri,
     [turkiyeIlleri, ilAramaNorm],
   );
+  const IL_ON_IZLEME = 10;
+  const ilListesiKirpik =
+    !ilAramaNorm &&
+    !tumIllerAcik &&
+    gorunenTurkiyeIlleri.length > IL_ON_IZLEME;
+  const listelenenTurkiyeIlleri = ilListesiKirpik
+    ? gorunenTurkiyeIlleri.slice(0, IL_ON_IZLEME)
+    : gorunenTurkiyeIlleri;
   const gorunenDisIller = useMemo(
     () =>
       ilAramaNorm
@@ -314,15 +325,16 @@ export function SihirbazAdimlar({
 
           {/* Çipler birincil seçim yolu (haritadaki küçük iller mobilde
               güvenilir dokunma hedefi değil); iller seçili kategorilere göre
-              süzülmüş, program sayısına göre sıralı listelenir. Penceresinde
-              programı olan TÜM iller görünür (kırpma yok); arama yalnızca
-              görünümü daraltır, seçimleri etkilemez. */}
+              süzülmüş, program sayısına göre sıralı listelenir. Varsayılan
+              görünüm ilk 10 il; kalanı "+N il daha" rozetiyle açılır. Arama
+              yalnızca görünümü daraltır, seçimleri etkilemez ve kırpmayı
+              devre dışı bırakır. */}
           <div
             className={`mt-3 flex max-h-56 flex-wrap gap-1.5 overflow-y-auto sm:max-h-none sm:overflow-visible ${
               facetYukleniyor ? "animate-pulse opacity-60" : ""
             }`}
           >
-            {gorunenTurkiyeIlleri.map((i) => (
+            {listelenenTurkiyeIlleri.map((i) => (
                 <Cip
                   key={i.il}
                   kucuk
@@ -333,6 +345,27 @@ export function SihirbazAdimlar({
                   <span className="ml-1 text-[10px] opacity-70">{i.adet}</span>
                 </Cip>
               ))}
+            {ilListesiKirpik ? (
+              <button
+                type="button"
+                onClick={() => setTumIllerAcik(true)}
+                className="cursor-pointer rounded-full border border-dashed border-slate-300 bg-white px-2.5 py-1 text-xs font-medium text-slate-500 transition-colors duration-200 hover:border-slate-400 hover:bg-slate-50 hover:text-slate-700"
+              >
+                +{gorunenTurkiyeIlleri.length - IL_ON_IZLEME} il daha
+              </button>
+            ) : null}
+            {!ilListesiKirpik &&
+            tumIllerAcik &&
+            !ilAramaNorm &&
+            gorunenTurkiyeIlleri.length > IL_ON_IZLEME ? (
+              <button
+                type="button"
+                onClick={() => setTumIllerAcik(false)}
+                className="cursor-pointer rounded-full border border-dashed border-slate-300 bg-white px-2.5 py-1 text-xs font-medium text-slate-500 transition-colors duration-200 hover:border-slate-400 hover:bg-slate-50 hover:text-slate-700"
+              >
+                Daha az göster
+              </button>
+            ) : null}
           </div>
 
           {ilAramaNorm &&