Replit Agent
61e66824b9
Task #9: Two header fixes on artifacts/ehsan-poc. 1. Nav active state no longer stuck on "فرص التبرع". Active page now gets a moving green outline box (Home) matching the real ehsan.sa nav. "فرص التبرع" stays a solid green CTA but only shows an active green ring when on /opportunities. Applied consistent active styling across desktop and mobile nav (Home, Opportunities, Request). 2. "خدماتنا" dropdown now lists the eight official services from the reference image, each with a lucide icon: غراس (Sprout), الزكاة (HandCoins), هدية (Gift), الأضاحي (Beef), الحملات (Megaphone), التبرع الدوري (Repeat), التبرع بالرسائل (MessageSquare), تطهير الأسهم (TrendingUp). Each routes to /opportunities (POC has no per-service pages). Kept "طلب دعم" below a separator so desktop users retain access to /request. Mobile menu mirrors the services list. Added serviceItems i18n group (AR + EN) in translations.ts. Files: src/components/layout/Header.tsx, src/lib/i18n/translations.ts. Verified: tsc --noEmit clean; e2e UI test passed (active state moves, dropdown shows all 8 items + request, routing works); console clean after HMR-restart of the web workflow. No emojis.