header rekated fixes

frontend/src/pages/Writer/Images.tsx

@@ -4,7 +4,6 @@
  */
 
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { Link } from 'react-router-dom';
 import TablePageTemplate from '../../templates/TablePageTemplate';
 import {
   fetchContentImages,
@@ -452,20 +451,8 @@ export default function Images() {
     <>
       <PageHeader 
         title="Images" 
-        description="Generate and manage content images"
         badge={{ icon: <PhotoIcon />, color: 'pink' }}
-        breadcrumb="Writer"
-        actions={
-          <Link
-            to="/writer/review"
-            className="inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-white bg-brand-500 hover:bg-brand-600 rounded-lg transition-colors"
-          >
-            Review Content
-            <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
-            </svg>
-          </Link>
-        }
+        parent="Writer"
       />
       <TablePageTemplate
       columns={pageConfig.columns}
@@ -477,6 +464,15 @@ export default function Images() {
         search: searchTerm,
         status: statusFilter,
       }}
+      nextAction={selectedIds.length > 0 ? {
+        label: 'Generate Images',
+        message: `${selectedIds.length} selected`,
+        onClick: () => handleBulkAction('generate_images', selectedIds),
+      } : images.filter(i => i.overall_status === 'ready').length > 0 ? {
+        label: 'Review Content',
+        href: '/writer/review',
+        message: `${images.filter(i => i.overall_status === 'ready').length} ready`,
+      } : undefined}
       onFilterChange={(key, value) => {
         const stringValue = value === null || value === undefined ? '' : String(value);
         if (key === 'search') {