udpdates

frontend/src/pages/Planner/Clusters.tsx

@@ -385,11 +385,12 @@ export default function Clusters() {
 
   return (
     <>
-      <PageHeader title="Keyword Clusters" />
+      <PageHeader 
+        title="Keyword Clusters" 
+        badge={{ icon: <GroupIcon />, color: 'green' }}
+      />
       <TablePageTemplate
-        title="Keyword Clusters"
-        titleIcon={<GroupIcon className="text-success-500 size-5" />}
-        subtitle="Organize keywords into content clusters for better SEO strategy"
+        hideHeader={true}
         columns={pageConfig.columns}
         data={clusters}
         loading={loading}

frontend/src/pages/Planner/Dashboard.tsx

@@ -473,6 +473,7 @@ export default function PlannerDashboard() {
           lastUpdated={lastUpdated}
           showRefresh={true}
           onRefresh={fetchDashboardData}
+          badge={{ icon: <PieChartIcon />, color: 'blue' }}
         />
 
         {/* Hero Section - Key Metric */}

frontend/src/pages/Planner/Ideas.tsx

@@ -295,11 +295,12 @@ export default function Ideas() {
 
   return (
     <>
-      <PageHeader title="Content Ideas" />
+      <PageHeader 
+        title="Content Ideas" 
+        badge={{ icon: <BoltIcon />, color: 'orange' }}
+      />
       <TablePageTemplate
-        title="Content Ideas"
-        titleIcon={<BoltIcon className="text-warning-500 size-5" />}
-        subtitle="Generate and organize content ideas based on keyword research"
+        hideHeader={true}
         columns={pageConfig.columns}
         data={ideas}
         loading={loading}

frontend/src/pages/Planner/Keywords.tsx

@@ -752,11 +752,12 @@ export default function Keywords() {
 
   return (
     <>
-      <PageHeader title="Keywords" />
+      <PageHeader 
+        title="Keywords" 
+        badge={{ icon: <ListIcon />, color: 'blue' }}
+      />
       <TablePageTemplate
-        title="Keywords"
-        titleIcon={<ListIcon className="text-brand-500 size-5" />}
-        subtitle="Manage and organize SEO keywords for content planning"
+        hideHeader={true}
         columns={pageConfig.columns}
         data={keywords}
         loading={loading}

frontend/src/pages/Planner/Mapping.tsx

@@ -1,12 +1,16 @@
 import PageMeta from "../../components/common/PageMeta";
 import ComponentCard from "../../components/common/ComponentCard";
 import PageHeader from "../../components/common/PageHeader";
+import { PieChartIcon } from "../../icons";
 
 export default function Mapping() {
   return (
     <>
       <PageMeta title="Content Mapping - IGNY8" description="Keyword to content mapping" />
-      <PageHeader title="Content Mapping" />
+      <PageHeader 
+        title="Content Mapping" 
+        badge={{ icon: <PieChartIcon />, color: 'indigo' }}
+      />
       <ComponentCard title="Coming Soon" desc="Keyword to content mapping">
         <div className="text-center py-8">
           <p className="text-gray-600 dark:text-gray-400">

frontend/src/pages/Writer/Content.tsx

@@ -181,11 +181,12 @@ export default function Content() {
 
   return (
     <>
-      <PageHeader title="Content" />
+      <PageHeader 
+        title="Content" 
+        badge={{ icon: <FileIcon />, color: 'purple' }}
+      />
       <TablePageTemplate
-        title="Content"
-        titleIcon={<FileIcon className="text-brand-500 size-5" />}
-        subtitle="Review AI-generated content and metadata"
+        hideHeader={true}
         columns={pageConfig.columns}
         data={content}
         loading={loading}

frontend/src/pages/Writer/Dashboard.tsx

@@ -552,6 +552,7 @@ export default function WriterDashboard() {
           lastUpdated={lastUpdated}
           showRefresh={true}
           onRefresh={fetchDashboardData}
+          badge={{ icon: <PencilIcon />, color: 'green' }}
         />
 
         {/* Hero Section - Key Metric */}

frontend/src/pages/Writer/Images.tsx

@@ -385,11 +385,12 @@ export default function Images() {
 
   return (
     <>
-      <PageHeader title="Content Images" />
+      <PageHeader 
+        title="Content Images" 
+        badge={{ icon: <FileIcon />, color: 'purple' }}
+      />
       <TablePageTemplate
-        title="Content Images"
-      titleIcon={<FileIcon className="text-purple-500 size-5" />}
-      subtitle="Manage images for content articles"
+        hideHeader={true}
       columns={pageConfig.columns}
       data={images}
       loading={loading}

frontend/src/pages/Writer/Tasks.tsx

@@ -711,9 +711,7 @@ export default function Tasks() {
             <ViewToggle currentView={currentView} onViewChange={setCurrentView} />
           </div>
           <TablePageTemplate
-          title="Tasks"
-          titleIcon={<TaskIcon className="text-brand-500 size-5" />}
-          subtitle="Manage content generation queue and tasks"
+          hideHeader={true}
           columns={pageConfig.columns}
           data={tasks}
           loading={loading}