EHSAN official look & auth (Task #5)

Reskin the EHSAN POC to match ehsan.sa and gate the admin area behind a
simple POC login.

- Official header: cropped EHSAN logo, nav (الرئيسية/الوقف/فرص التبرع/
  خدماتنا dropdown→طلب دعم/عن إحسان/براعم إحسان), login/cart/search icons,
  language toggle, mobile menu. Functional items link; rest are visual-only.
- Colors: green primary tuned + orange accent token added in index.css.
- Auth: AuthContext (localStorage, admin/admin) + login page; /admin and
  /whatsapp-log now behind a Protected wrapper redirecting to /login.
- Redesigned OpportunityCard (photo, green progress bar with %, category
  badge, تم جمع/المبلغ المتبقي columns, inline donate button + amount),
  used on home and opportunities pages.
- Two-step donate page (التفاصيل → الدفع): step indicator, presets
  100/50/10, custom amount (prefilled via ?amount=), "تبرع عن أهلك"
  checkbox, donor form (phone min 10 for OpenClaw loop).
- 8 need-type card images added; needImages helper maps need→image.
- Seed: added published opportunities (req-012..017) with partial progress
  to showcase cards; one kept near-full for an easy closed-loop demo.

Deviation (from code review): donate handler now ACCUMULATES collectedAmount
and clamps to target, validates finite/positive amount, and only advances to
the closed-loop pipeline when a case is fully funded (previously overwrote
and force-advanced — broke partial-progress cases). Donate buttons kept green
to match the reference; orange is an accent only.

artifacts/ehsan-poc/src/lib/needImages.ts

@@ -0,0 +1,23 @@
+import electricity from "../assets/needs/electricity.png";
+import water from "../assets/needs/water.png";
+import food from "../assets/needs/food.png";
+import health from "../assets/needs/health.png";
+import housing from "../assets/needs/housing.png";
+import refrigerator from "../assets/needs/refrigerator.png";
+import air_conditioner from "../assets/needs/air_conditioner.png";
+import court_order from "../assets/needs/court_order.png";
+
+const NEED_IMAGES: Record<string, string> = {
+  electricity,
+  water,
+  food,
+  health,
+  housing,
+  refrigerator,
+  air_conditioner,
+  court_order,
+};
+
+export function getNeedImage(needType: string): string {
+  return NEED_IMAGES[needType] || food;
+}