refactor(hareket): sihirbaz adım geçişi sabitleri lib/adim-gecisi.ts'e; soru formu aynı geçişle

- adimGecisiVaryantlari / adimGecisi tek kaynak (spring 300/30, opaklık 0,2 s;
  hareketi azalt'ta 0,12 s çapraz solma). Sihirbaz davranışı aynı; center
  varyantına `position: relative` eklendi ki geri dönen panel mutlak kalmasın.
- SohbetAnketi kontrollü (item/onItemChange); her soru motion.div içinde,
  pasif sorular hidden={false} + mutlak/saydam park eder (ilkelin inert'i
  kalır), aktif fieldset useMeasure ile ölçülüp boy yayla uzar. Çıkış animasyonu
  da çalışır: mergeProps'ta kullanıcı prop'u kazanıyor.

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

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

@@ -14,6 +14,7 @@ import useMeasure from "react-use-measure";
 import { toast } from "@/components/ui/bildirim";
 import { cities } from "turkey-map-react/lib/data";
 import { TransitionPanel } from "@/components/core/transition-panel";
+import { adimGecisi, adimGecisiVaryantlari } from "@/lib/adim-gecisi";
 import { Button } from "@/components/ui/button";
 import { IlSecimHaritasi } from "./il-secim-haritasi";
 import { normalizeIlAdi } from "@/lib/harita";
@@ -249,47 +250,15 @@ export function SihirbazAdimlar({
         </p>
       </div>
 
+      {/* Geçiş sabitleri soru formuyla ortak (lib/adim-gecisi.ts) */}
       <TransitionPanel
         activeIndex={adim}
         custom={yon}
-        variants={{
-          enter: (gecisYonu: number) => ({
-            x: hareketiAzalt ? 0 : gecisYonu > 0 ? "100%" : "-100%",
-            opacity: 0,
-            height: panelYuksekligi,
-            position: "relative",
-          }),
-          center: {
-            zIndex: 1,
-            x: 0,
-            opacity: 1,
-            height: panelYuksekligi,
-          },
-          exit: (gecisYonu: number) => ({
-            zIndex: 0,
-            x: hareketiAzalt ? 0 : gecisYonu < 0 ? "100%" : "-100%",
-            opacity: 0,
-            position: "absolute",
-            top: 0,
-            left: 0,
-            width: "100%",
-          }),
-        }}
-        transition={
-          hareketiAzalt
-            ? // Azaltılmış harekette yalnızca kısa çapraz solma; height/x
-              // varsayılan spring'e düşüp oynamasın diye açıkça sıfırlanır.
-              {
-                opacity: { duration: 0.12 },
-                x: { duration: 0 },
-                height: { duration: 0 },
-              }
-            : {
-                x: { type: "spring", stiffness: 300, damping: 30 },
-                height: { type: "spring", stiffness: 300, damping: 30 },
-                opacity: { duration: 0.2 },
-              }
-        }
+        variants={adimGecisiVaryantlari({
+          hareketiAzalt: !!hareketiAzalt,
+          yukseklik: panelYuksekligi,
+        })}
+        transition={adimGecisi(!!hareketiAzalt)}
       >
         <div ref={panelRef} className="px-px pb-2">
           <h3 className="font-heading text-xl font-bold text-slate-900">