feat(listings): phase B — rich property fields + admin-authored personas

Schema (prisma/migrations/20260419000000_property_rich_fields)
--------------------------------------------------------------
New Prisma enums:
- Furnishing: FULLY_FURNISHED / BASIC_FURNISHED / UNFURNISHED
- PropertyCondition: NEW / LIKE_NEW / RENOVATED / USED

New Property columns (all optional / default empty, no data loss):
- furnishing, propertyCondition — enums above
- balconyDirection — reuses existing Direction enum
- maintenanceFeeVND BigInt (phí quản lý/tháng)
- parkingSlots Int
- viewType String[] (e.g. ["Sông","Thành phố"])
- petFriendly Boolean (null = unknown)
- suitableFor String[] — admin-chosen persona labels
- whyThisLocation Text — admin narrative

Backend wiring end-to-end
-------------------------
- Create/Update DTOs: @IsEnum/@IsString/@IsNumber/@IsBoolean/@IsArray
  validators; maintenanceFeeVND accepted as a numeric string, cast to
  BigInt on the way to Prisma. whyThisLocation capped at 2000 chars.
- Introduced a small `PropertyExtras` interface on the create/update
  commands so the constructor signature stays readable instead of
  ballooning to 30+ positional args. Handlers forward it to the repo.
- Prisma property repository writes all new columns via raw SQL
  INSERT/UPDATE and reads them on findById.
- ListingDetailData + findByIdWithProperty expose the 9 new fields
  (maintenanceFeeVND serialised as decimal string to avoid BigInt JSON).

Frontend
--------
- listings-api.ts: ListingDetail.property + CreateListingPayload carry
  the 9 new fields; Furnishing + PropertyCondition exported as string
  unions.
- validations/listings.ts: zod schema extended; FURNISHING_OPTIONS,
  PROPERTY_CONDITION_OPTIONS, VIEW_TYPE_OPTIONS label arrays added in
  the existing DIRECTIONS style (Vietnamese labels).
- listing-form-steps.tsx StepDetails: new "Nội thất & điều kiện"
  fieldset with selects/inputs for each field. viewType + suitableFor
  are comma-separated text (same convention as amenities).
  petFriendly is a 3-way select (không chọn / Có / Không).
- new/page.tsx + [id]/edit/page.tsx: submit handlers split CSV inputs
  into arrays, coerce petFriendly, prune empty selects.
- listing-detail-client.tsx Details card: new rows for furnishing,
  propertyCondition, balconyDirection, maintenanceFeeVND (VND
  formatted), parkingSlots, viewType (joined · ), petFriendly
  (Cho phép / Không cho phép / hide when null).
- PersonaFitCard now takes the listing directly and MERGES admin
  suitableFor (rendered first with a "Người đăng chọn" badge in primary
  accent) with the derived personas (deduped by label). When
  whyThisLocation is non-empty it overrides the derived narrative.

Tests
-----
- listing-detail-client.spec.tsx fixture gains all 9 nullable/empty
  defaults.
- listing-form-steps.spec.tsx direction-options duplication fixed.
- pnpm --filter @goodgo/api test --run: 1975/1975 pass.
- pnpm --filter @goodgo/web test --run: 624/624 pass.

Phase B of 4. Next: Phase E AI advisor via Anthropic Opus (URL+key to
be provided by the user).

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

apps/web/components/listings/listing-form-steps.tsx

@@ -9,6 +9,8 @@ import {
   TRANSACTION_TYPES,
   PROPERTY_TYPES,
   DIRECTIONS,
+  FURNISHING_OPTIONS,
+  PROPERTY_CONDITION_OPTIONS,
   type CreateListingFormData,
 } from '@/lib/validations/listings';
 
@@ -208,6 +210,96 @@ export function StepDetails({ register, errors }: StepProps) {
         <Label htmlFor="amenities">Tiện ích (cách nhau bởi dấu phẩy)</Label>
         <Input id="amenities" placeholder="VD: Hồ bơi, Gym, Công viên" {...register('amenities')} />
       </div>
+
+      <fieldset className="space-y-4 rounded-lg border p-4">
+        <legend className="px-2 text-sm font-semibold">Nội thất & điều kiện</legend>
+
+        <div className="grid gap-4 sm:grid-cols-2 md:grid-cols-3">
+          <div>
+            <Label htmlFor="furnishing">Nội thất</Label>
+            <Select id="furnishing" {...register('furnishing')}>
+              <option value="">-- Không chọn --</option>
+              {FURNISHING_OPTIONS.map((o) => (
+                <option key={o.value} value={o.value}>
+                  {o.label}
+                </option>
+              ))}
+            </Select>
+          </div>
+          <div>
+            <Label htmlFor="propertyCondition">Tình trạng</Label>
+            <Select id="propertyCondition" {...register('propertyCondition')}>
+              <option value="">-- Không chọn --</option>
+              {PROPERTY_CONDITION_OPTIONS.map((o) => (
+                <option key={o.value} value={o.value}>
+                  {o.label}
+                </option>
+              ))}
+            </Select>
+          </div>
+          <div>
+            <Label htmlFor="balconyDirection">Hướng ban công</Label>
+            <Select id="balconyDirection" {...register('balconyDirection')}>
+              <option value="">-- Không chọn --</option>
+              {DIRECTIONS.map((d) => (
+                <option key={d.value} value={d.value}>
+                  {d.label}
+                </option>
+              ))}
+            </Select>
+          </div>
+          <div>
+            <Label htmlFor="maintenanceFeeVND">Phí quản lý / tháng (VNĐ)</Label>
+            <Input
+              id="maintenanceFeeVND"
+              type="text"
+              inputMode="numeric"
+              placeholder="VD: 2500000"
+              {...register('maintenanceFeeVND')}
+            />
+          </div>
+          <div>
+            <Label htmlFor="parkingSlots">Chỗ để xe</Label>
+            <Input id="parkingSlots" type="number" min="0" {...register('parkingSlots')} />
+          </div>
+          <div>
+            <Label htmlFor="petFriendly">Cho phép thú cưng</Label>
+            <Select id="petFriendly" {...register('petFriendly')}>
+              <option value="">-- Không chọn --</option>
+              <option value="true">Có</option>
+              <option value="false">Không</option>
+            </Select>
+          </div>
+        </div>
+
+        <div>
+          <Label htmlFor="viewType">View (cách nhau bởi dấu phẩy)</Label>
+          <Input
+            id="viewType"
+            placeholder="VD: Sông, Thành phố, Công viên"
+            {...register('viewType')}
+          />
+        </div>
+
+        <div>
+          <Label htmlFor="suitableFor">Phù hợp với (cách nhau bởi dấu phẩy)</Label>
+          <Input
+            id="suitableFor"
+            placeholder="VD: Gia đình có con nhỏ, Người đi làm xa"
+            {...register('suitableFor')}
+          />
+        </div>
+
+        <div>
+          <Label htmlFor="whyThisLocation">Vì sao khu vực này phù hợp</Label>
+          <Textarea
+            id="whyThisLocation"
+            rows={3}
+            placeholder="Mô tả ngắn lý do khu vực này phù hợp với người mua..."
+            {...register('whyThisLocation')}
+          />
+        </div>
+      </fieldset>
     </div>
   );
 }