feat: sunucu tarafı hesap altyapısı — Stripe webhook, kotalar, gerçek API anahtarı ve belge deposu

Denetlenen 5 teknik borç kalemi de kapatıldı:

1) Stripe webhook + gerçek yetkilendirme (ÖNCEDEN YOKTU)
   - POST /api/billing/webhook — SDK'sız HMAC-SHA256 imza doğrulaması,
     tekrar saldırısına karşı ±300sn zaman penceresi, timingSafeEqual
   - checkout.session.completed / subscription.created|updated|deleted işlenir
   - Ödeme → kullanıcının planı sunucuda güncellenir (önce ödeme hiçbir şeyi
     değiştirmiyordu)

2) Plan kotaları GERÇEKTEN uygulanıyor (önce sadece tanımlıydı)
   - server/entitlements.mjs: plan hakları + kotaKontrol()
   - ekip, belge adedi/boyutu, API anahtarı kotaları sunucuda zorlanır
   - Kota aşımında 402 + anlaşılır Türkçe mesaj; arayüzde KotaUyarisi bandı
   - /api/me/plan: plan, haklar ve gerçek kullanım

3) Kullanıcı verisi localStorage'dan sunucuya taşındı
   - server/user-store.mjs: kullanici_verisi tablosu (izinli anahtar listesi)
   - AppContext girişte sunucudan yükler, değişiklikleri sunucuya yazar;
     localStorage yalnızca çevrimdışı önbellek
   - Artık cihaz değişince veri kaybolmuyor

4) API anahtarları gerçek (önce Math.random ile tarayıcıda üretiliyordu)
   - Sunucuda crypto.randomBytes ile üretilir, YALNIZCA sha256 hash'i saklanır
   - Ham değer bir kez gösterilir; verifyApiKey ile doğrulanır, son kullanım
     izlenir, iptal anında geçerli olur

5) Belge deposu gerçek (önce boyut Math.random'dı, dosya hiç yüklenmiyordu)
   - Dosyalar kalıcı volume'e yazılır, boyut GERÇEK bayt
   - Auth'lu indirme (blob), silme diskten de siler, kota sunucuda uygulanır

src/components/KotaUyarisi.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useApp } from '../context/AppContext';
+import { AlertTriangle, X, ArrowRight } from 'lucide-react';
+
+/** Plan kotası aşıldığında sunucudan gelen uyarıyı gösterir. */
+export const KotaUyarisi = () => {
+  const { kotaUyarisi, setKotaUyarisi, setActiveTab } = useApp();
+  if (!kotaUyarisi) return null;
+  return (
+    <div className="bg-amber-50 border border-amber-300 rounded-xl p-4 my-3 flex items-start gap-3">
+      <AlertTriangle className="w-4 h-4 text-amber-700 shrink-0 mt-0.5" />
+      <p className="text-xs text-amber-900 leading-relaxed flex-1">{kotaUyarisi}</p>
+      <button onClick={() => { setKotaUyarisi(null); setActiveTab('planlar'); }}
+        className="text-[11px] font-bold text-amber-900 hover:underline flex items-center gap-1 shrink-0">
+        Planlar <ArrowRight className="w-3 h-3" />
+      </button>
+      <button onClick={() => setKotaUyarisi(null)} className="text-amber-600 hover:text-amber-900 shrink-0">
+        <X className="w-4 h-4" />
+      </button>
+    </div>
+  );
+};