Refactor frontend components to use new icon imports and improve default values

- Updated `EnhancedMetricCard` to set a default accent color to blue.
- Replaced `lucide-react` icons with custom icons in `LinkResults`, `OptimizationScores`, and various pages in the Automation and Optimizer sections.
- Enhanced button layouts in `AutomationRules`, `Tasks`, and `ContentSelector` for better alignment and user experience.
- Improved loading indicators across components for a more consistent UI experience.

frontend/src/pages/Optimizer/AnalysisPreview.tsx

@@ -6,7 +6,7 @@ import { optimizerApi } from '../../api/optimizer.api';
 import { fetchContent, Content as ContentType } from '../../services/api';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { OptimizationScores } from '../../components/optimizer/OptimizationScores';
-import { Loader2, ArrowLeft } from 'lucide-react';
+import { ArrowLeftIcon, BoltIcon } from '../../icons';
 
 export default function AnalysisPreview() {
   const { id } = useParams<{ id: string }>();
@@ -63,19 +63,26 @@ export default function AnalysisPreview() {
       <PageMeta title="Content Analysis" description="Preview content optimization scores" />
       
       <div className="space-y-6">
-        <PageHeader
-          title="Content Analysis"
-          description="Preview optimization scores without optimizing"
-          actions={
-            <button
-              onClick={() => navigate(-1)}
-              className="inline-flex items-center gap-2 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"
-            >
-              <ArrowLeft className="w-4 h-4" />
-              Back
-            </button>
-          }
-        />
+        <div className="flex items-center justify-between mb-6">
+          <PageHeader
+            title="Content Analysis"
+            lastUpdated={new Date()}
+            badge={{
+              icon: <BoltIcon />,
+              color: 'orange',
+            }}
+          />
+          <button
+            onClick={() => navigate(-1)}
+            className="inline-flex items-center gap-2 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"
+          >
+            <ArrowLeftIcon className="w-4 h-4" />
+            Back
+          </button>
+        </div>
+        <p className="text-gray-600 dark:text-gray-400 mb-6">
+          Preview optimization scores without optimizing
+        </p>
 
         {loading || analyzing ? (
           <div className="text-center py-12">