refact & cleanup : Sidebar, Button, card, EmptyState, Loader, ServiceObject, StatusBadge, UptameObject, BackupWidget, SecurityWidget, ServicesWidget, SupportCtaWidget, UptimeWidget, DashboardLayout

src/components/ui/UptimeObject.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { InfrastructureNode } from '@/types/InfrastructureNode';
+import { StatusBadge } from '@ui/StatusBadge';
+
+interface UptimeObjectProps {
+  node: InfrastructureNode;
+}
+
+export const UptimeObject: React.FC<UptimeObjectProps> = ({ node }) => {
+  return (
+    // La "key" a été retirée d'ici, elle sera gérée par le parent
+    <div className="py-4 flex items-center justify-between first:pt-0 last:pb-0">
+      
+      {/* Infos Serveur */}
+      <div>
+        <p className="font-medium text-slate-900">{node.label}</p>
+        <p className="text-xs text-slate-500 mt-0.5">{node.type}</p>
+      </div>
+      
+      {/* Métriques & Badge */}
+      <div className="flex items-center space-x-6">
+        <div className="text-right">
+          <p className="text-xs text-slate-500">SLA</p>
+          <p className="text-sm font-semibold text-slate-900">{node.uptime_sla}</p>
+        </div>
+        
+        <StatusBadge status={node.status} />
+      </div>
+
+    </div>
+  );
+};