NAVIGATION_REFACTOR COMPLETED

frontend/src/config/pages/clusters.config.tsx

@@ -111,7 +111,7 @@ export const createClustersPageConfig = (
         render: (value: string, row: Cluster) => (
           <Link
             to={`/planner/clusters/${row.id}`}
-            className="text-base font-light text-brand-600 hover:text-brand-700 dark:text-brand-400 dark:hover:text-brand-300"
+            className="text-sm font-medium text-brand-600 hover:text-brand-700 dark:text-brand-400 dark:hover:text-brand-300"
           >
             {value}
           </Link>

frontend/src/config/pages/ideas.config.tsx

@@ -109,7 +109,7 @@ export const createIdeasPageConfig = (
         toggleContentKey: 'description', // Use description field for toggle content
         toggleContentLabel: 'Content Outline', // Label for expanded content
         render: (value: string) => (
-          <span className="text-gray-800 dark:text-white text-base font-light">{value}</span>
+          <span className="text-sm font-medium text-gray-900 dark:text-white">{value}</span>
         ),
       },
       // Sector column - only show when viewing all sectors

frontend/src/config/pages/keywords.config.tsx

@@ -153,7 +153,7 @@ export const createKeywordsPageConfig = (
         sortField: 'seed_keyword__keyword',
         width: '300px',
         render: (value: string) => (
-          <span>
+          <span className="text-sm font-medium text-gray-900 dark:text-white">
             {value || '-'}
           </span>
         ),

frontend/src/config/pages/tasks.config.tsx

@@ -113,7 +113,7 @@ export const createTasksPageConfig = (
           
           return (
             <div className="flex items-center gap-2">
-              <span className="text-base font-light text-gray-900 dark:text-white">
+              <span className="text-sm font-medium text-gray-900 dark:text-white">
                 {displayTitle}
               </span>
             </div>

frontend/src/config/snippets/columns.snippets.ts

@@ -7,6 +7,7 @@ export const titleColumn = {
   key: 'title',
   label: 'Title',
   sortable: true,
+  className: 'text-sm',
 };
 
 export const keywordColumn = {