page adn app header mods

frontend/src/pages/Writer/Review.tsx

@@ -4,6 +4,7 @@
  */
 
 import { useState, useEffect, useMemo, useCallback } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
 import TablePageTemplate from '../../templates/TablePageTemplate';
 import { 
   fetchContent,
@@ -12,9 +13,9 @@ import {
   ContentFilters,
   fetchAPI,
 } from '../../services/api';
-import { useNavigate } from 'react-router-dom';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { CheckCircleIcon } from '../../icons';
+import { ClipboardDocumentCheckIcon } from '@heroicons/react/24/outline';
 import { createReviewPageConfig } from '../../config/pages/review.config';
 import { useSectorStore } from '../../store/sectorStore';
 import { usePageSizeStore } from '../../store/pageSizeStore';
@@ -346,9 +347,21 @@ export default function Review() {
   return (
     <>
       <PageHeader 
-        title="Review Queue" 
-        badge={{ icon: <CheckCircleIcon />, color: 'blue' }}
-        breadcrumb="Writer / Review"
+        title="Review" 
+        description="Review and approve content before publishing"
+        badge={{ icon: <ClipboardDocumentCheckIcon />, color: 'emerald' }}
+        breadcrumb="Writer"
+        actions={
+          <Link
+            to="/writer/published"
+            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"
+          >
+            View Published
+            <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>
+        }
       />
       <TablePageTemplate
         columns={pageConfig.columns}