add useDocuments and load saved documents in DocumentsVault

src/components/widgets/UptimeWidget.tsx

@@ -10,8 +10,8 @@ export default function UptimeWidget() {
   return (
     <Card>
       <CardContent className="p-6 flex flex-col h-full">
-        <h2 className="text-lg font-semibold text-slate-900 mb-4">État des Services & SLA</h2>
-        
+        <h2 className="text-lg font-semibold text-slate-900 dark:text-slate-400 mb-4 transition-all duration-300 ease-in-out">État des Services & SLA</h2>
+
         {/* 1. Gestion de l'erreur */}
         {error && (
           <EmptyState message={error} className="text-red-500 not-italic font-medium" />
@@ -26,13 +26,15 @@ export default function UptimeWidget() {
         )}
 
         {/* 4. Affichage des données */}
+        <table className="divide-y divide-slate-100 table-auto">
         {!isLoading && !error && nodes.length > 0 && (
-          <div className="divide-y divide-slate-100 flex-1">
-            {nodes.map((node) => (
-              <UptimeObject key={node.id} node={node} />
-            ))}
-          </div>
+            <tbody className=''>
+              {nodes.map((node) => (
+                <UptimeObject key={node.id} node={node} />
+              ))}
+            </tbody>
         )}
+        </table>
       </CardContent>
     </Card>
   );