Section 6 COmpleted

frontend/src/pages/Writer/Content.tsx

@@ -16,14 +16,13 @@ import {
 import { optimizerApi } from '../../api/optimizer.api';
 import { useNavigate } from 'react-router-dom';
 import { useToast } from '../../components/ui/toast/ToastContainer';
-import { FileIcon, TaskIcon, ImageIcon, CheckCircleIcon } from '../../icons';
+import { FileIcon, TaskIcon, CheckCircleIcon } from '../../icons';
 import { createContentPageConfig } from '../../config/pages/content.config';
 import { useSectorStore } from '../../store/sectorStore';
 import { usePageSizeStore } from '../../store/pageSizeStore';
 import ProgressModal from '../../components/common/ProgressModal';
 import { useProgressModal } from '../../hooks/useProgressModal';
 import PageHeader from '../../components/common/PageHeader';
-import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
 import ModuleMetricsFooter, { MetricItem, ProgressMetric } from '../../components/dashboard/ModuleMetricsFooter';
 import { WorkflowInsight } from '../../components/common/WorkflowInsights';
 
@@ -278,22 +277,13 @@ export default function Content() {
     return result;
   }, [loadContent]);
 
-  // Writer navigation tabs
-  const writerTabs = [
-    { label: 'Queue', path: '/writer/tasks', icon: <TaskIcon /> },
-    { label: 'Drafts', path: '/writer/content', icon: <FileIcon /> },
-    { label: 'Images', path: '/writer/images', icon: <ImageIcon /> },
-    { label: 'Review', path: '/writer/review', icon: <CheckCircleIcon /> },
-    { label: 'Published', path: '/writer/published', icon: <CheckCircleIcon /> },
-  ];
-
   return (
     <>
       <PageHeader 
         title="Drafts" 
         description="AI-generated content ready for review. Add images, edit, and publish when ready."
         badge={{ icon: <FileIcon />, color: 'purple' }}
-        navigation={<ModuleNavigationTabs tabs={writerTabs} />}
+        breadcrumb="Writer / Drafts"
         workflowInsights={workflowInsights}
       />
       <TablePageTemplate