feat: hizmet ve proje detay sayfaları + galeri sistemi

Yeni Appwrite kolonları:
- services: content (markdown), features[], faq[] (JSON-encoded), hero_image
- projects: gallery[], content (markdown), client_name, industry, duration, service_slug

Public sayfalar:
- /hizmetler/[slug]: hero + features checklist + markdown content + FAQ accordion
  + ilgili projeler (service_slug eşleşmesi)
- /projeler/[slug]: hero + meta tablosu (müşteri/sektör/süre/yıl) + kapak görseli
  + markdown vaka çalışması + lightbox galeri + diğer projeler

Yeni componentler:
- components/gallery.tsx: lightbox galeri (keyboard nav, prev/next, ESC kapat)
- components/faq-list.tsx: accordion FAQ (tek seferde tek açık)

Admin formları:
- Hizmet formu: hero_image, content (markdown), features (virgülle), FAQ
  (her blok '---' ile ayrılır, ilk satır soru, kalanı cevap)
- Proje formu: gallery (her satıra bir URL), content (markdown), client_name,
  industry, duration, service_slug (dropdown — hizmetlerden seçim)

Linkler:
- ServicesGrid kartları → /hizmetler/[slug]
- ProjectsGrid kartları → /projeler/[slug] (live_url butonu ayrı, target=_blank)

29 route üretiliyor.

components/faq-list.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { useState } from "react";
+import { ChevronDown } from "lucide-react";
+import type { FaqItem } from "@/lib/types";
+
+export function FaqList({ items }: { items: FaqItem[] }) {
+  const [open, setOpen] = useState<number | null>(0);
+
+  return (
+    <div className="divide-y divide-[var(--border)] rounded-2xl border border-[var(--border)] bg-white">
+      {items.map((it, i) => {
+        const isOpen = open === i;
+        return (
+          <details
+            key={i}
+            open={isOpen}
+            onToggle={(e) => {
+              if ((e.target as HTMLDetailsElement).open) setOpen(i);
+              else if (isOpen) setOpen(null);
+            }}
+            className="group"
+          >
+            <summary className="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-medium text-[var(--navy)] hover:bg-[var(--navy-50)]/60">
+              <span>{it.q}</span>
+              <ChevronDown
+                className={`size-4 shrink-0 text-[var(--muted)] transition ${
+                  isOpen ? "rotate-180" : ""
+                }`}
+              />
+            </summary>
+            <div className="px-5 pb-5 text-sm leading-relaxed text-[var(--muted)]">
+              {it.a}
+            </div>
+          </details>
+        );
+      })}
+    </div>
+  );
+}