correct some bugs

src/components/modales/BackupsModale.tsx

@@ -1,4 +1,4 @@
-export default function BackupModale(){
+export default function BackupModale(closeModal: () => void) {
     return (
         <div className="bg-white rounded-2xl shadow-xl w-full max-w-3xl overflow-hidden animate-in fade-in zoom-in-95 duration-200">
                <div className="px-6 py-4 border-b border-slate-100 flex justify-between items-center bg-slate-50">

src/components/widgets/BackupWidget.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function BackupWidget({ onClick }: { onClick?: () => void }) {
   return (
     <div 

src/components/widgets/SecurityWidget.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SecurityWidget() {
   return (
     <div className="bg-white rounded-xl shadow-sm border border-slate-200 p-6">

src/components/widgets/ServicesWidget.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { pb } from '../../config/pocketbase';
 
 export default function ServicesWidget() {
-  const [contracts, setContracts] = useState([]);
+  const [contracts, setContracts] = useState<any[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -69,7 +69,7 @@ export default function ServicesWidget() {
           ) : contracts.length === 0 ? (
     <p className= "text-sm text-slate-500" > Aucun contrat actif détecté.</p>
           ) : (
-    contracts.map((contract) => (
+    contracts.map((contract?: any) => (
       <div key= { contract.id } className = "p-4 bg-slate-50 rounded-lg border border-slate-100 flex justify-between items-center" >
       <div>
       <h3 className="text-sm font-medium text-slate-900" > { contract.service_name } </h3>