Rehbere mermaid şema desteği ve 4 yeni tercih dönemi yazısı ekle

Markdown'daki \`\`\`mermaid çitleri artık yazıyı parçalara bölüyor ve şemalar
üründeki ortak el çizimi bileşeniyle (ElCizimiSema) çiziliyor; çitte "%% aria:"
satırı zorunlu, "%% altyazi:" figcaption veriyor. Tercih dönemi aramalarına
dayanan dört yeni yazı: merkezi yerleştirme algoritması, OBP hesabı, üniversite
kayıt rehberi ve yerleşememe/istenmeyen bölüm karar ağacı — her biri risk renk
dilinde birer şemayla.

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

package.json

@@ -27,6 +27,7 @@
     "lenis": "^1.3.25",
     "lucide-react": "^1.25.0",
     "marked": "^18.0.7",
+    "mermaid": "^11.16.0",
     "motion": "^12.42.2",
     "next": "16.2.10",
     "next-themes": "^0.4.6",
@@ -45,6 +46,7 @@
     "turkey-map-react": "^2.0.5",
     "tw-animate-css": "^1.4.0",
     "use-stick-to-bottom": "^1.1.6",
+    "vaul": "^1.1.2",
     "zod": "^4.4.3"
   },
   "devDependencies": {