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/components/sihirbaz-adimlar.tsx

@@ -5,9 +5,12 @@
 // tamamlanınca onTamamla(secimler) çağırır.
 
 import { useState } from "react";
-import { ArrowLeft, ArrowRight, Sparkles } from "lucide-react";
+import { ArrowLeft, ArrowRight, Sparkles, X } from "lucide-react";
 import { toast } from "sonner";
+import { cities } from "turkey-map-react/lib/data";
 import { Button } from "@/components/ui/button";
+import { IlSecimHaritasi } from "@/components/il-secim-haritasi";
+import { normalizeIlAdi } from "@/lib/harita";
 import type { SihirbazFacetleri } from "@/lib/db";
 import {
   ONCELIKLER,
@@ -41,6 +44,9 @@ export function Cip({
   );
 }
 
+// Haritada karşılığı olan iller (KKTC/yurtdışı kampüsler çip olarak kalır)
+const HARITA_ILLERI = new Set(cities.map((c) => normalizeIlAdi(c.name)));
+
 export function SihirbazAdimlar({
   facetler,
   baslangicSecimler,
@@ -128,20 +134,57 @@ export function SihirbazAdimlar({
             Nerede okumak istersin?
           </h3>
           <p className="mt-1 text-sm text-slate-500">
-            İstersen boş bırak (fark etmez). En fazla 5 il.
+            Haritadan dokunarak seç (en fazla 5 il). İstersen boş bırak, fark
+            etmez.
           </p>
-          <div className="mt-4 flex flex-wrap gap-2">
-            {facetler.iller.map((i) => (
-              <Cip
-                key={i.il}
-                secili={iller.includes(i.il)}
-                onClick={() => listeDegistir(iller, setIller, i.il, 5)}
-              >
-                {i.il}
-                <span className="ml-1.5 text-xs opacity-70">{i.adet}</span>
-              </Cip>
-            ))}
+          <div className="mt-4">
+            <IlSecimHaritasi
+              iller={facetler.iller.filter((i) => HARITA_ILLERI.has(i.il))}
+              secili={iller}
+              onToggle={(il) => listeDegistir(iller, setIller, il, 5)}
+            />
           </div>
+          {iller.length > 0 ? (
+            <div className="mt-3 flex flex-wrap items-center gap-2">
+              <span className="text-xs font-semibold text-slate-400">
+                Seçtiklerin:
+              </span>
+              {iller.map((il) => (
+                <button
+                  key={il}
+                  type="button"
+                  onClick={() => listeDegistir(iller, setIller, il)}
+                  className="inline-flex cursor-pointer items-center gap-1 rounded-full bg-orange-500 px-3 py-1.5 text-xs font-medium text-white transition-colors duration-200 hover:bg-orange-600"
+                >
+                  {il.toLocaleLowerCase("tr-TR")}
+                  <X className="size-3" aria-hidden />
+                </button>
+              ))}
+            </div>
+          ) : null}
+          {facetler.iller.some((i) => !HARITA_ILLERI.has(i.il)) ? (
+            <div className="mt-3">
+              <p className="mb-2 text-xs font-semibold tracking-wide text-slate-400 uppercase">
+                Harita dışı (KKTC vb.)
+              </p>
+              <div className="flex flex-wrap gap-2">
+                {facetler.iller
+                  .filter((i) => !HARITA_ILLERI.has(i.il))
+                  .map((i) => (
+                    <Cip
+                      key={i.il}
+                      secili={iller.includes(i.il)}
+                      onClick={() => listeDegistir(iller, setIller, i.il, 5)}
+                    >
+                      {i.il.toLocaleLowerCase("tr-TR")}
+                      <span className="ml-1.5 text-xs opacity-70">
+                        {i.adet}
+                      </span>
+                    </Cip>
+                  ))}
+              </div>
+            </div>
+          ) : null}
         </div>
       ) : (
         <div className="space-y-5">