correction alignement modal

src/components/ui/Modal/Modal.module.css

@@ -15,7 +15,7 @@
 
 .modal {
     padding: 20px 20px 20px 20px;
-    border-radius: 8px;
+    border-radius: 20px;
     min-width: 300px;
     max-width: 70%;
     max-height: none;

src/components/ui/Modal/Modal.tsx

@@ -59,7 +59,7 @@ const Modal = ({ open, onClose, children, title }: ModalProps) => {
         {title && <h2>{title}</h2>}
         {children}
         <div className={styles.modalFooter}>
-          <Button onClick={onClose}>Fermer</Button>
+          <Button variant={"default"} onClick={onClose}>Fermer</Button>
         </div>
       </div>
     </div>,

src/pages/EventDetail/components/CreateTaskBtn/CreateTaskBtn.jsx

@@ -80,7 +80,7 @@ export default function CreateTaskBtn({ id }) {
                 </div>
 
                 <div>
-                    <p>Nombre maximum de participants</p>
+                    <p>Nombre de participants max</p>
                     <TextInput
                         type="number"
                         value={maxParticipants}
@@ -107,7 +107,7 @@ export default function CreateTaskBtn({ id }) {
                     />
                 </div>
 
-                <Button variant="default" onClick={createTask}> Créer la tâche </Button>
+                <Button variant="primary" onClick={createTask}> Créer la tâche </Button>
 
             </div>
         </Modal>