trash models added, first attempt for remainign issues

frontend/src/components/common/SiteCard.tsx

@@ -5,7 +5,7 @@ import Badge from '../ui/badge/Badge';
 import SiteSetupChecklist from '../sites/SiteSetupChecklist';
 import SiteTypeBadge from '../sites/SiteTypeBadge';
 import { Site } from '../../services/api';
-import { BoxCubeIcon as SettingsIcon, EyeIcon, FileIcon } from '../../icons';
+import { BoxCubeIcon as SettingsIcon, EyeIcon, FileIcon, TrashBinIcon } from '../../icons';
 
 interface SiteCardProps {
   site: Site;
@@ -13,6 +13,7 @@ interface SiteCardProps {
   onToggle: (siteId: number, enabled: boolean) => void;
   onSettings: (site: Site) => void;
   onDetails: (site: Site) => void;
+  onDelete?: (site: Site) => void;
   isToggling?: boolean;
 }
 
@@ -22,6 +23,7 @@ export default function SiteCard({
   onToggle,
   onSettings,
   onDetails,
+  onDelete,
   isToggling = false,
 }: SiteCardProps) {
   const handleToggle = (enabled: boolean) => {
@@ -126,6 +128,16 @@ export default function SiteCard({
           >
             Settings
           </Button>
+          {onDelete && (
+            <Button
+              variant="outline"
+              tone="destructive"
+              size="sm"
+              onClick={() => onDelete(site)}
+              startIcon={<TrashBinIcon className="w-4 h-4" />}
+              title="Delete site"
+            />
+          )}
         </div>
       </div>
     </article>