feat: add media_detail

app/dashboard/media/page.tsx

@@ -41,6 +41,9 @@ interface Media {
   is_premium?: boolean;
   external_url?: string | null;
   image_id?: number | null;
+  image?: unknown;
+  detail_image_id?: number | null;
+  detail_image?: unknown;
 }
 
 // Compact multi-select rendered as toggle chips.
@@ -101,6 +104,8 @@ export default function MediaPage() {
   const [externalUrl, setExternalUrl] = useState("");
   const [imageId, setImageId] = useState<number | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
+  const [detailImageId, setDetailImageId] = useState<number | null>(null);
+  const [detailImageFile, setDetailImageFile] = useState<File | null>(null);
 
   const [deleting, setDeleting] = useState<Media | null>(null);
   const [removing, setRemoving] = useState(false);
@@ -118,6 +123,8 @@ export default function MediaPage() {
     setExternalUrl("");
     setImageId(null);
     setImageFile(null);
+    setDetailImageId(null);
+    setDetailImageFile(null);
   }
 
   function openCreate() {
@@ -142,6 +149,8 @@ export default function MediaPage() {
     setExternalUrl(row.external_url ?? "");
     setImageId(row.image_id ?? null);
     setImageFile(null);
+    setDetailImageId(row.detail_image_id ?? null);
+    setDetailImageFile(null);
     setOpen(true);
   }
 
@@ -166,6 +175,8 @@ export default function MediaPage() {
         external_url: externalUrl,
         image_id: imageId,
         image: imageFile,
+        detail_image_id: detailImageId,
+        detail_image: detailImageFile,
       });
       if (editing) {
         // File-bearing update: POST /media/:id (multipart, file optional)
@@ -335,7 +346,7 @@ export default function MediaPage() {
             />
           </Field>
 
-          <Field label="تصویر شاخص" hint="انتخاب از کتابخانه یا بارگذاری تصویر جدید">
+          <Field label="تصویر لیست" hint="در فهرست نمایش داده می‌شود">
             <ImagePicker
               imageId={imageId}
               onPickId={setImageId}
@@ -345,6 +356,16 @@ export default function MediaPage() {
             />
           </Field>
 
+          <Field label="تصویر جزئیات" hint="در صفحه جزئیات نمایش داده می‌شود">
+            <ImagePicker
+              imageId={detailImageId}
+              onPickId={setDetailImageId}
+              file={detailImageFile}
+              onPickFile={setDetailImageFile}
+              existingUrl={editing ? pickUrl(editing, ["detail_image"]) : null}
+            />
+          </Field>
+
           <Field label="دسته‌بندی‌ها">
             <ChipMultiSelect
               options={categories}