refactor(web): replace emoji icons with lucide-react across the app

User directive: avoid emojis for UI chrome; keep the icon language
consistent with the rest of the design system (shadcn + lucide-react).

Swaps
-----
- lib/listing-personas.ts — Persona emojis (👨‍👩‍👧🏡🚇🧑‍💻🌳📈🛡️🏥)
  → Lucide icons (Baby, Home, TrainFront, Laptop, Trees, TrendingUp,
  Shield, HeartPulse). Persona type now carries `icon: LucideIcon`.
- components/neighborhood/types.ts — POI_CATEGORY_CONFIG emojis
  (🏫🏥🚇🛒🍽️🌳) → Lucide (GraduationCap, Stethoscope, TrainFront,
  ShoppingBag, UtensilsCrossed, Trees). Config type tightened to
  `icon: LucideIcon`.
- components/neighborhood/neighborhood-poi-map.tsx — filter pills
  now render <config.icon h-3.5 w-3.5>. Map markers were text-emoji
  (el.textContent = config.icon); replaced with hard-coded inline
  SVG strings per category (POI_MARKER_SVG) since lucide-static
  isn't installed. Marker bumped 28px → 32px for larger hit target.
  Popup now shows only the property name + category label (no
  emoji prefix). closeButton: true + closeOnClick: true for
  better dismissibility.
- listing-detail-client.tsx — PersonaFitCard now renders
  <p.icon h-4 w-4 aria-hidden>.
- transfer / chuyen-nhuong files — category icons (🛋️🧊🖥️🍳🛍️🏠)
  migrated to Lucide (Sofa, Refrigerator, Monitor, ChefHat, Store,
  Home) with type `icon: LucideIcon`.
- Small replacements: inquiries page 📭 → Inbox; kyc page ✓ → Check.

POI popup click fix
-------------------
The inner SVG inside each POI marker was capturing pointer events
before Mapbox's marker-click handler saw them, so clicking a marker
did nothing. Explicit `innerSvg.style.pointerEvents = 'none'` lets
clicks reach the wrapping .poi-marker div that setPopup() is bound
to. Verified via DOM dispatch: click → popup opens with property
name + category + distance + × close.

Verification
------------
- Grep across the 4 scoped files for emoji code points → 0 hits.
- pnpm -w test: 624/624 green.
- Typecheck: no new errors in touched files.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/app/[locale]/(dashboard)/dashboard/kyc/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { Check } from 'lucide-react';
 import { useState, useCallback, useEffect } from 'react';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -530,8 +531,8 @@ export default function KycPage() {
       {kycStatus === 'VERIFIED' && (
         <Card>
           <CardContent className="flex flex-col items-center justify-center py-12">
-            <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-green-100 text-3xl">
-              ✓
+            <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-green-100 text-green-700">
+              <Check className="h-8 w-8" aria-hidden="true" />
             </div>
             <h2 className="text-xl font-semibold">Danh tính đã được xác minh</h2>
             <p className="mt-2 text-center text-sm text-muted-foreground">

apps/web/app/[locale]/(dashboard)/inquiries/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { Inbox } from 'lucide-react';
 import * as React from 'react';
 import { InquiryDetailDialog } from '@/components/inquiries/inquiry-detail-dialog';
 import { InquiryRow, InquiryStatusBadge } from '@/components/inquiries/inquiry-row';
@@ -103,7 +104,7 @@ export default function InquiriesPage() {
         </div>
       ) : filteredData.length === 0 ? (
         <div className="flex min-h-[300px] flex-col items-center justify-center text-muted-foreground">
-          <p className="text-4xl mb-3">📭</p>
+          <Inbox className="mb-3 h-12 w-12" aria-hidden="true" />
           <p>Chưa có liên hệ nào</p>
           <p className="text-xs mt-1">
             Khi khách hàng gửi yêu cầu tư vấn, chúng sẽ xuất hiện ở đây

apps/web/app/[locale]/(public)/chuyen-nhuong/page.tsx

@@ -133,21 +133,25 @@ export default function ChuyenNhuongPage() {
         >
           Tất cả
         </button>
-        {(Object.entries(CATEGORY_LABELS) as [TransferCategory, string][]).map(([key, label]) => (
-          <button
-            key={key}
-            role="tab"
-            aria-selected={filters.category === key}
-            className={`shrink-0 border-b-2 px-4 py-2 text-sm font-medium transition-colors ${
-              filters.category === key
-                ? 'border-primary text-primary'
-                : 'border-transparent text-muted-foreground hover:text-foreground'
-            }`}
-            onClick={() => handleCategoryChange(key)}
-          >
-            {CATEGORY_ICONS[key]} {label}
-          </button>
-        ))}
+        {(Object.entries(CATEGORY_LABELS) as [TransferCategory, string][]).map(([key, label]) => {
+          const Icon = CATEGORY_ICONS[key];
+          return (
+            <button
+              key={key}
+              role="tab"
+              aria-selected={filters.category === key}
+              className={`inline-flex shrink-0 items-center gap-1.5 border-b-2 px-4 py-2 text-sm font-medium transition-colors ${
+                filters.category === key
+                  ? 'border-primary text-primary'
+                  : 'border-transparent text-muted-foreground hover:text-foreground'
+              }`}
+              onClick={() => handleCategoryChange(key)}
+            >
+              <Icon className="h-4 w-4" aria-hidden="true" />
+              {label}
+            </button>
+          );
+        })}
       </div>
 
       {/* Results */}