many changes for modules widgets and colors and styling

frontend/src/pages/Optimizer/ContentSelector.tsx

@@ -3,7 +3,6 @@ import { useNavigate } from 'react-router-dom';
 import PageMeta from '../../components/common/PageMeta';
 import PageHeader from '../../components/common/PageHeader';
 import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
-import ModuleMetricsFooter, { MetricItem, ProgressMetric } from '../../components/dashboard/ModuleMetricsFooter';
 import { optimizerApi, EntryPoint } from '../../api/optimizer.api';
 import { fetchContent, Content as ContentType } from '../../services/api';
 import { useToast } from '../../components/ui/toast/ToastContainer';
@@ -319,46 +318,7 @@ export default function OptimizerContentSelector() {
           </div>
         )}
 
-        {/* Module Metrics Footer */}
-        <ModuleMetricsFooter
-          metrics={[
-            {
-              title: 'Total Content',
-              value: totalCount.toLocaleString(),
-              subtitle: `${filteredContent.length} filtered`,
-              icon: <FileIcon className="w-5 h-5" />,
-              accentColor: 'blue',
-              href: '/optimizer/content',
-            },
-            {
-              title: 'Optimized',
-              value: content.filter(c => c.optimizer_version && c.optimizer_version > 0).length.toLocaleString(),
-              subtitle: `${processing.length} processing`,
-              icon: <BoltIcon className="w-5 h-5" />,
-              accentColor: 'orange',
-            },
-            {
-              title: 'Avg Score',
-              value: content.length > 0 && content.some(c => c.optimization_scores?.overall_score)
-                ? (content
-                    .filter(c => c.optimization_scores?.overall_score)
-                    .reduce((sum, c) => sum + (c.optimization_scores?.overall_score || 0), 0) /
-                    content.filter(c => c.optimization_scores?.overall_score).length
-                  ).toFixed(1)
-                : '-',
-              subtitle: `${content.filter(c => c.optimization_scores?.overall_score && c.optimization_scores.overall_score >= 80).length} high score`,
-              icon: <CheckCircleIcon className="w-5 h-5" />,
-              accentColor: 'green',
-            },
-          ]}
-          progress={{
-            label: 'Content Optimization Progress',
-            value: totalCount > 0 
-              ? Math.round((content.filter(c => c.optimizer_version && c.optimizer_version > 0).length / totalCount) * 100) 
-              : 0,
-            color: 'warning',
-          }}
-        />
+        {/* Module footer placeholder - module on hold */}
       </div>
     </>
   );