feat: dashboard CRUD for Projects + Industrial Parks, listings delete, BĐS homepage card

Backend — DELETE endpoints (hard delete, ADMIN or owner):
- DELETE /projects/:id (Admin) — new DeleteProjectCommand/Handler,
  repository.delete() adapter, module wiring.
- DELETE /industrial/parks/:id (Admin) — same pattern.
- DELETE /listings/:id (JWT + owner-or-Admin check in handler).

Frontend — API clients:
- lib/du-an-api.ts: add create/update/delete + CreateProjectPayload,
  UpdateProjectPayload types.
- lib/khu-cong-nghiep-api.ts: add createPark/updatePark/deletePark +
  Create/Update payload types.
- lib/listings-api.ts: add delete().

Dashboard pages — new:
- /projects (Quản lý dự án): list with filters + edit/delete actions,
  /projects/new form (sectioned Cards, zod-validated), /projects/[id]/edit
  with danger-zone delete.
- /industrial-parks (Quản lý KCN): same triad. Fix occupancy-rate display
  (percentage already 0-100, no need to *100).

Dashboard listings page:
- Add Edit/Delete row actions with confirm + useMutation; error banner
  on mutation failure. Table view gains a "Thao tác" column; list view
  gains a footer action bar below each card.

Dashboard nav:
- Catalog group: /du-an → /projects (Quản lý dự án), /khu-cong-nghiep
  → /industrial-parks (Quản lý KCN). Desktop primaryNav updated too.

Public homepage:
- Add "Bất động sản" as a 5th feature card/tab → /search, using
  listingsApi for the "Featured listings" section.
- Bump grid to lg:grid-cols-5, update features subtitle copy ("Năm/Five
  core services").

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

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

@@ -1,5 +1,7 @@
 'use client';
 
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { Pencil, Trash2 } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import * as React from 'react';
@@ -11,7 +13,7 @@ import { Select } from '@/components/ui/select';
 import { formatPrice } from '@/lib/currency';
 import { useListingsSearch } from '@/lib/hooks/use-listings';
 import { shimmerBlurDataURL, staticBlurDataURL } from '@/lib/image-blur';
-import type { ListingDetail as _ListingDetail } from '@/lib/listings-api';
+import { listingsApi, type ListingDetail as _ListingDetail } from '@/lib/listings-api';
 import { PROPERTY_TYPES, TRANSACTION_TYPES, LISTING_STATUSES } from '@/lib/validations/listings';
 
 function formatDate(dateStr: string | null): string {
@@ -44,6 +46,17 @@ export default function ListingsPage() {
 
   const { data: result, isLoading: loading } = useListingsSearch(searchParams);
 
+  const queryClient = useQueryClient();
+  const deleteMutation = useMutation({
+    mutationFn: (id: string) => listingsApi.delete(id),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['listings'] }),
+  });
+
+  const handleDelete = (id: string, title: string) => {
+    if (!window.confirm(`Xoá tin "${title}"? Thao tác này không thể hoàn tác.`)) return;
+    deleteMutation.mutate(id);
+  };
+
   // Stats from current page data
   const stats = React.useMemo(() => {
     if (!result) return { total: 0, active: 0, pending: 0, views: 0 };
@@ -163,6 +176,20 @@ export default function ListingsPage() {
         </div>
       </div>
 
+      {/* Error banner */}
+      {deleteMutation.isError && (
+        <div className="flex items-center justify-between gap-2 rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">
+          <p>Không thể xoá tin. Vui lòng thử lại.</p>
+          <button
+            type="button"
+            onClick={() => deleteMutation.reset()}
+            className="text-xs underline"
+          >
+            Đóng
+          </button>
+        </div>
+      )}
+
       {/* Content */}
       {loading ? (
         <div className="flex min-h-[300px] items-center justify-center">
@@ -182,8 +209,8 @@ export default function ListingsPage() {
         <ul className="flex flex-col gap-3">
           {result.data.map((listing) => (
             <li key={listing.id}>
-              <Link href={`/listings/${listing.id}`} className="group block">
-                <Card className="overflow-hidden transition-shadow hover:shadow-md">
+              <Card className="overflow-hidden transition-shadow hover:shadow-md">
+                <Link href={`/listings/${listing.id}`} className="group block">
                   <div className="flex flex-col sm:flex-row">
                     <div className="relative h-40 w-full shrink-0 bg-muted sm:h-32 sm:w-48">
                       {(listing.property.media?.length ?? 0) > 0 ? (
@@ -241,8 +268,31 @@ export default function ListingsPage() {
                       </div>
                     </CardContent>
                   </div>
-                </Card>
-              </Link>
+                </Link>
+                <div className="flex justify-end gap-2 border-t px-4 py-2">
+                  <Link href={`/listings/${listing.id}/edit`}>
+                    <Button variant="outline" size="sm">
+                      <Pencil className="mr-1 h-3.5 w-3.5" />
+                      Sửa
+                    </Button>
+                  </Link>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    className="text-destructive"
+                    disabled={
+                      deleteMutation.isPending && deleteMutation.variables === listing.id
+                    }
+                    onClick={(e) => {
+                      e.preventDefault();
+                      handleDelete(listing.id, listing.property.title);
+                    }}
+                  >
+                    <Trash2 className="mr-1 h-3.5 w-3.5" />
+                    Xoá
+                  </Button>
+                </div>
+              </Card>
             </li>
           ))}
         </ul>
@@ -262,6 +312,7 @@ export default function ListingsPage() {
                     <th className="p-3 font-medium text-right">Lượt xem</th>
                     <th className="p-3 font-medium text-right">Liên hệ</th>
                     <th className="p-3 font-medium text-right">Ngày đăng</th>
+                    <th className="p-3 font-medium text-right">Thao tác</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -317,6 +368,28 @@ export default function ListingsPage() {
                       <td className="p-3 text-right text-xs text-muted-foreground">
                         {formatDate(listing.publishedAt ?? listing.createdAt)}
                       </td>
+                      <td className="p-3 text-right">
+                        <div className="flex justify-end gap-1">
+                          <Link href={`/listings/${listing.id}/edit`}>
+                            <Button variant="ghost" size="sm" aria-label="Sửa tin">
+                              <Pencil className="h-3.5 w-3.5" />
+                            </Button>
+                          </Link>
+                          <Button
+                            variant="ghost"
+                            size="sm"
+                            aria-label="Xoá tin"
+                            className="text-destructive"
+                            disabled={
+                              deleteMutation.isPending &&
+                              deleteMutation.variables === listing.id
+                            }
+                            onClick={() => handleDelete(listing.id, listing.property.title)}
+                          >
+                            <Trash2 className="h-3.5 w-3.5" />
+                          </Button>
+                        </div>
+                      </td>
                     </tr>
                   ))}
                 </tbody>