Make «الوقف» (Endowment) and «براعم إحسان» (EHSAN Buds) into real pages

Task #16: The last two top-nav items were static, non-clickable text.
Turned both into real bilingual (AR/EN) routed pages, completing the
main navigation of the EHSAN POC.

Changes:
- translations.ts: added parallel `waqf` and `baraem` sections to both
  `en` and `ar` (intro, contribution ways, endowment fields/features for
  waqf; goals, features, audience for baraem). Content mirrors ehsan.sa
  section structure; no emojis.
- New pages src/pages/waqf.tsx and src/pages/baraem.tsx, built on the
  about.tsx pattern: green intro panel, Reveal scroll-in, Card grids,
  RTL-correct using logical classes and the t.* system.
- App.tsx: registered /waqf and /baraem routes.
- Header.tsx: replaced the two static <span> items with active-aware
  <Link>s in desktop nav, and added matching entries to the mobile nav.

Verified: tsc --noEmit passes; both pages render correctly in Arabic
RTL with active nav highlighting (screenshots checked).

Replit-Task-Id: 40da5508-41c9-4ccd-aba4-2ea80183a97b

artifacts/ehsan-poc/src/components/layout/Header.tsx

@@ -133,9 +133,17 @@ export function Header() {
             {t.nav.home}
           </Link>
 
-          <span className="px-3 py-2 text-sm font-medium text-foreground/70 cursor-default select-none">
+          <Link
+            href="/waqf"
+            className={`px-4 py-2 text-sm font-medium rounded-md transition-colors ${
+              isActive("/waqf")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground hover:text-primary"
+            }`}
+            data-testid="nav-waqf"
+          >
             {t.nav.waqf}
-          </span>
+          </Link>
 
           <Link
             href="/opportunities"
@@ -188,9 +196,17 @@ export function Header() {
             />
           </button>
 
-          <span className="px-3 py-2 text-sm font-medium text-foreground/70 cursor-default select-none">
+          <Link
+            href="/baraem"
+            className={`px-4 py-2 text-sm font-medium rounded-md transition-colors ${
+              isActive("/baraem")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground hover:text-primary"
+            }`}
+            data-testid="nav-baraem"
+          >
             {t.nav.baraem}
-          </span>
+          </Link>
         </nav>
 
         {/* Utility icons */}
@@ -359,6 +375,17 @@ export function Header() {
           >
             {t.nav.home}
           </Link>
+          <Link
+            href="/waqf"
+            onClick={() => setMobileOpen(false)}
+            className={`block px-3 py-2 rounded-md text-sm hover:bg-muted ${
+              isActive("/waqf")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground font-medium"
+            }`}
+          >
+            {t.nav.waqf}
+          </Link>
           <Link
             href="/opportunities"
             onClick={() => setMobileOpen(false)}
@@ -415,6 +442,17 @@ export function Header() {
               <span>{t.about.committees}</span>
             </Link>
           </div>
+          <Link
+            href="/baraem"
+            onClick={() => setMobileOpen(false)}
+            className={`block px-3 py-2 rounded-md text-sm hover:bg-muted ${
+              isActive("/baraem")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground font-medium"
+            }`}
+          >
+            {t.nav.baraem}
+          </Link>
           <div className="pt-2 mt-2 border-t">
             {isAuthenticated ? (
               <>