header footer metrics update and credits by site fixes

frontend/src/config/pages/review.config.tsx

@@ -259,28 +259,40 @@ export function createReviewPageConfig(params: {
     ],
     headerMetrics: [
       {
-        label: 'Ready',
+        label: 'Content',
         accentColor: 'blue',
         calculate: ({ totalCount }) => totalCount,
-        tooltip: 'Content ready for final review. Review quality, SEO, and images before publishing.',
+        tooltip: 'Total content items tracked. Overall volume across all stages.',
       },
       {
-        label: 'Images',
-        accentColor: 'green',
-        calculate: ({ content }) => content.filter(c => c.has_generated_images).length,
-        tooltip: 'Content with generated images. Visual assets complete and ready for review.',
-      },
-      {
-        label: 'Optimized',
-        accentColor: 'purple',
-        calculate: ({ content }) => content.filter(c => c.optimization_scores && c.optimization_scores.overall_score >= 80).length,
-        tooltip: 'Content with high SEO optimization scores (80%+). Well-optimized for search engines.',
-      },
-      {
-        label: 'Sync Ready',
+        label: 'Draft',
         accentColor: 'amber',
-        calculate: ({ content }) => content.filter(c => c.has_generated_images && c.optimization_scores && c.optimization_scores.overall_score >= 70).length,
-        tooltip: 'Content ready for WordPress sync. Has images and good optimization score.',
+        calculate: ({ content }) => content.filter(c => c.status === 'draft').length,
+        tooltip: 'Content written, images not generated. Generate images to move to review.',
+      },
+      {
+        label: 'In Review',
+        accentColor: 'purple',
+        calculate: ({ content }) => content.filter(c => c.status === 'review').length,
+        tooltip: 'Images generated, awaiting approval. Review and approve to publish.',
+      },
+      {
+        label: 'Approved',
+        accentColor: 'green',
+        calculate: ({ content }) => content.filter(c => c.status === 'approved').length,
+        tooltip: 'Approved content awaiting publishing. Publish to site when ready.',
+      },
+      {
+        label: 'Published',
+        accentColor: 'green',
+        calculate: ({ content }) => content.filter(c => c.status === 'published').length,
+        tooltip: 'Live content on your website. Successfully published and accessible.',
+      },
+      {
+        label: 'Total Images',
+        accentColor: 'blue',
+        calculate: ({ content }) => content.filter(c => c.has_generated_images).length,
+        tooltip: 'Total images generated across all content. Tracks visual asset coverage.',
       },
     ],
   };