feat(web): listings page — ticker-style DataTable với toggle card view

Tạo mới trang /listings dạng bảng ticker-style theo spec TEC-3034.

- DataTable compact (row 36px, sticky header, alternating rows)
- Cột: #, Mã (GG-xxx), Quận, Loại, Giá, Δ30d, DT m², KL/Views
- Sortable theo Giá, Δ30d, DT m², KL/Views
- Filter inline: Loại giao dịch, Loại BĐS, Quận, Khoảng giá
- Toggle view: Table (default) ↔ Card grid (legacy component cũ)
- Pagination restyle compact, giữ nguyên API params
- Click row → navigate to detail page
- Dùng DataTable + PriceDelta từ @/components/design-system

Co-Authored-By: Paperclip <noreply@paperclip.ing>

apps/api/src/modules/projects/application/queries/get-project-stats/get-project-stats.handler.ts

@@ -58,7 +58,7 @@ export class GetProjectStatsHandler
     const rows = await this.prisma.$queryRaw<StatsRow[]>`
       SELECT
         COUNT(DISTINCT l.id) FILTER (WHERE l.id IS NOT NULL) AS linked,
-        COUNT(DISTINCT l.id) FILTER (WHERE l.status = 'APPROVED') AS active,
+        COUNT(DISTINCT l.id) FILTER (WHERE l.status = 'ACTIVE') AS active,
         COUNT(DISTINCT i.id) FILTER (WHERE i.id IS NOT NULL) AS inquiries,
         COUNT(DISTINCT i.id) FILTER (WHERE i.id IS NOT NULL AND i."isRead" = FALSE) AS unread,
         COUNT(DISTINCT sl."userId") FILTER (WHERE sl."userId" IS NOT NULL) AS saves