cleaned trust center and some widgets

src/components/ui/ServiceObject.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ManagedContract } from '@/types/ManagedContract';
 import { StatusBadge } from '@/components/ui/StatusBadge';
+import { Card } from './Card';
 
 interface ServiceObjectProps {
   contract: ManagedContract;
@@ -8,16 +9,15 @@ interface ServiceObjectProps {
 
 export const ServiceObject: React.FC<ServiceObjectProps> = ({ contract }) => {
   return (
-    <div className="p-4 bg-slate-50 rounded-lg border border-slate-100 flex justify-between items-center">
-      <div>
+    <Card variant= 'digged' className="p-4 rounded-lg border border-slate-100 flex flex-col">
+      <div className='flex flex-row justify-between'>
         <h3 className="text-sm font-medium text-slate-900">{contract.service_name}</h3>
-        {contract.description && (
-          <p className="text-xs text-slate-500 mt-1">{contract.description}</p>
-        )}
+        {/* Fonctionne instantanément avec 'Actif', 'En déploiement', 'Suspendu' */}
+        <StatusBadge status={contract.status} />
       </div>
-      
-      {/* Fonctionne instantanément avec 'Actif', 'En déploiement', 'Suspendu' */}
-      <StatusBadge status={contract.status} />
-    </div>
+      {contract.description && (
+        <p className="text-xs text-slate-500 mt-1">{contract.description}</p>
+      )}
+    </Card>
   );
 };