ui frotneedn fixes

frontend/src/pages/Sites/Dashboard.tsx

@@ -7,6 +7,7 @@ import React, { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import PageMeta from '../../components/common/PageMeta';
 import PageHeader from '../../components/common/PageHeader';
+import ComponentCard from '../../components/common/ComponentCard';
 import { Card } from '../../components/ui/card';
 import Button from '../../components/ui/button/Button';
 import EnhancedMetricCard from '../../components/dashboard/EnhancedMetricCard';
@@ -204,8 +205,8 @@ export default function SiteDashboard() {
           <Button
             variant="outline"
             onClick={() => navigate(`/sites/${siteId}/preview`)}
+            startIcon={<EyeIcon className="w-4 h-4" />}
           >
-            <EyeIcon className="w-4 h-4 mr-2" />
             Preview
           </Button>
           <Button
@@ -245,11 +246,8 @@ export default function SiteDashboard() {
       </div>
 
 
-      {/* Quick Actions - Matching Planner Dashboard pattern */}
-      <div className="mb-6">
-        <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
-          Quick Actions
-        </h2>
+      {/* Quick Actions */}
+      <ComponentCard title="Quick Actions" desc="Common site management tasks">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           <button
             onClick={() => navigate(`/sites/${siteId}/pages`)}
@@ -321,7 +319,7 @@ export default function SiteDashboard() {
             <ArrowRightIcon className="h-5 w-5 text-slate-400 group-hover:text-[var(--color-primary)] transition" />
           </button>
         </div>
-      </div>
+      </ComponentCard>
 
       {/* Recent Activity */}
       <Card className="p-6">