feat: MediaPicker — sürükle-bırak + progress bar + kütüphane modal

Mevcut sorun:
- Her görsel için medya sayfasına git, yükle, URL kopyala, forma yapıştır → 4 adım
- Sürükle-bırak yok, progress yok, hangi dosyanın yüklendiği belirsiz

Çözüm: MediaPicker component (tek/çoklu mode)

API route'ları:
- POST /api/admin/media/upload — session auth + Appwrite Storage upload
- GET /api/admin/media/list — kütüphane modal için dosya listesi

Component özellikleri:
- Sürükle-bırak drop zone (hover state ile)
- Multiple file upload (çoklu mode)
- XHR ile gerçek progress bar (%) — Server Action ile alınamazdı
- Görsel preview (single: aspect-video, multiple: aspect-square grid)
- Hover'da × ile kaldırma
- Multiple mode'da sırasını değiştirme
- 'Kütüphaneden seç' modal — daha önce yüklenmiş görselleri grid'de göster, tıklayınca seç
- Error handling (dosya boyutu, ağ hatası vb.)
- Başarılı yüklemeyi 2 saniye gösterip kaybetme

Form alanları → MediaPicker (URL field'ları kaldırıldı):
- Blog: cover_image, seo_image
- Hizmet: hero_image
- Proje: image_url (kapak), gallery (çoklu)
- Referans: image_url
- Sektör: hero_image
- Ekip: photo_url
- SEO sayfa: og_image
- SEO global: default_og_image
- Site Settings: client_logos (çoklu)

Backward compat: form data formatı aynı kalıyor — hidden input ile URL satır satır.
admin-actions değişmedi. URL elle yapıştırmak hala mümkün (kütüphaneden URL kopyala).

app/admin/(protected)/seo/page-form.tsx

@@ -9,6 +9,7 @@ import {
   PrimaryButton,
   Textarea,
 } from "@/components/admin/form";
+import { MediaPicker } from "@/components/admin/media-picker";
 import { saveSeoPage } from "@/lib/admin-actions";
 import type { SeoPageRow } from "@/lib/types";
 
@@ -39,11 +40,11 @@ export function SeoPageForm({ row }: { row?: SeoPageRow }) {
               rows={3}
               defaultValue={row?.description}
             />
-            <Field
+            <MediaPicker
               label="OG görseli"
               name="og_image"
-              type="url"
               defaultValue={row?.og_image}
+              help="Sosyal medya paylaşım görseli (1200×630 ideal)."
             />
             <Field
               label="Canonical URL"

app/admin/(protected)/seo/page.tsx

@@ -8,6 +8,7 @@ import {
   PrimaryButton,
   Textarea,
 } from "@/components/admin/form";
+import { MediaPicker } from "@/components/admin/media-picker";
 import { DeleteButton } from "@/components/admin/delete-button";
 import { getSeoSettings, listSeoPages } from "@/lib/data";
 import { deleteSeoPage, saveSeoSettings } from "@/lib/admin-actions";
@@ -42,12 +43,14 @@ export default async function SeoAdminPage() {
                 defaultValue={settings?.site_name}
                 placeholder="Kovak Yazılım"
               />
-              <Field
-                label="Varsayılan OG görseli"
-                name="default_og_image"
-                type="url"
-                defaultValue={settings?.default_og_image}
-              />
+              <div>
+                <MediaPicker
+                  label="Varsayılan OG görseli"
+                  name="default_og_image"
+                  defaultValue={settings?.default_og_image}
+                  help="Sosyal paylaşımlarda (1200×630 ideal)."
+                />
+              </div>
               <Field
                 label="Twitter handle"
                 name="twitter_handle"