more fixes ui

frontend/src/pages/Writer/Images.tsx

@@ -4,6 +4,7 @@
  */
 
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
+import { Link } from 'react-router-dom';
 import TablePageTemplate from '../../templates/TablePageTemplate';
 import {
   fetchContentImages,
@@ -18,7 +19,7 @@ import {
   bulkDeleteContent,
 } from '../../services/api';
 import { useToast } from '../../components/ui/toast/ToastContainer';
-import { FileIcon, DownloadIcon } from '../../icons';
+import { FileIcon, DownloadIcon, ArrowRightIcon } from '../../icons';
 import { PhotoIcon } from '@heroicons/react/24/outline';
 import { createImagesPageConfig } from '../../config/pages/images.config';
 import ImageQueueModal, { ImageQueueItem } from '../../components/common/ImageQueueModal';
@@ -514,6 +515,28 @@ export default function Images() {
         setCurrentPage(1);
       }}
       onRowAction={handleRowAction}
+      statusExplainer={
+        <div className="text-xs text-gray-600 dark:text-gray-400 space-y-1">
+          <div className="font-medium text-gray-700 dark:text-gray-300">
+            Content Images Status
+          </div>
+          <div>
+            Need Images: {images.filter(i => i.overall_status === 'pending').length}
+          </div>
+          <div>
+            Images Complete: {images.filter(i => i.overall_status === 'complete').length}
+          </div>
+          <div className="pt-2 border-t border-gray-200 dark:border-gray-700 mt-2">
+            <Link 
+              to="/writer/review" 
+              className="text-brand-500 hover:text-brand-600 flex items-center gap-1"
+            >
+              <span>Go to Review</span>
+              <ArrowRightIcon className="w-3 h-3" />
+            </Link>
+          </div>
+        </div>
+      }
     />
       <ImageQueueModal
         isOpen={isQueueModalOpen}