Update KeywordOpportunities.tsx

frontend/src/pages/Planner/KeywordOpportunities.tsx

@@ -20,6 +20,7 @@ import { getDifficultyLabelFromNumber, getDifficultyRange, getDifficultyNumber }
 import Badge from '../../components/ui/badge/Badge';
 import { formatRelativeDate } from '../../utils/date';
 import { BoltIcon, PlusIcon } from '../../icons';
+import PageHeader from '../../components/common/PageHeader';
 
 export default function KeywordOpportunities() {
   const toast = useToast();
@@ -558,10 +559,11 @@ export default function KeywordOpportunities() {
 
   return (
     <>
+      <PageHeader 
+        title="Keyword Opportunities" 
+        badge={{ icon: <BoltIcon />, color: 'orange' }}
+      />
       <TablePageTemplate
-        title="Keyword Opportunities"
-        titleIcon={<BoltIcon className="text-brand-500 size-5" />}
-        subtitle="Discover and add keywords to your workflow"
         columns={pageConfig.columns}
         data={seedKeywords}
         loading={loading}