feat(blog): show review feedback in admin

src/views/AdminBlogEditor.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useMemo, useRef, useState } from "react";
-import { ArrowLeft, ArrowRight, FolderUp, ImageUp, Loader2, Save, Send, Trash2 } from "lucide-react";
+import { AlertTriangle, ArrowLeft, ArrowRight, FolderUp, ImageUp, Loader2, Save, Send, Trash2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import Markdown from "@/components/Markdown";
 import MarkdownEditor, { type MarkdownDirectionMode } from "@/components/MarkdownEditor";
@@ -62,6 +62,7 @@ export default function AdminBlogEditor({ postId }: Props) {
   const featuredImage = post?.absolute_featured_image_preview_url || post?.absolute_featured_image_url || post?.featured_image;
   const canPersistPost = form.title.trim() && form.content.trim();
   const canAssignWriters = Boolean(user?.is_staff || user?.is_superuser || user?.can_review_blog_posts);
+  const reviewNote = post?.status === "changes_requested" ? post.review_note?.trim() : "";
 
   useEffect(() => {
     Promise.all([api.getCategories(), api.getTags()])
@@ -253,6 +254,18 @@ export default function AdminBlogEditor({ postId }: Props) {
         </div>
       </div>
 
+      {reviewNote ? (
+        <div className="rounded-3xl border border-amber-300/70 bg-amber-50 p-5 text-amber-950 shadow-sm dark:border-amber-500/40 dark:bg-amber-950/30 dark:text-amber-100">
+          <div className="flex items-start gap-3 text-right">
+            <AlertTriangle className="mt-1 h-5 w-5 shrink-0 text-amber-600 dark:text-amber-300" />
+            <div className="space-y-2">
+              <p className="font-bold">این نوشته نیازمند اصلاح است</p>
+              <p className="text-sm leading-7">{reviewNote}</p>
+            </div>
+          </div>
+        </div>
+      ) : null}
+
       <Card>
         <CardHeader className="text-right">
           <CardTitle>مشخصات نوشته</CardTitle>