diff --git a/public/ImageUsers/646b9a078166a892eeb6c033_1684773426462.jpg b/public/ImageUsers/646b9a078166a892eeb6c033_1684773426462.jpg
new file mode 100644
index 0000000..fb88aa3
Binary files /dev/null and b/public/ImageUsers/646b9a078166a892eeb6c033_1684773426462.jpg differ
diff --git a/public/ImageUsers/646b9a078166a892eeb6c033_1684773894727.jpg b/public/ImageUsers/646b9a078166a892eeb6c033_1684773894727.jpg
new file mode 100644
index 0000000..92d0f4c
Binary files /dev/null and b/public/ImageUsers/646b9a078166a892eeb6c033_1684773894727.jpg differ
diff --git a/public/ImageUsers/646b9a078166a892eeb6c033_1684773908029.jpg b/public/ImageUsers/646b9a078166a892eeb6c033_1684773908029.jpg
new file mode 100644
index 0000000..b8d59e2
Binary files /dev/null and b/public/ImageUsers/646b9a078166a892eeb6c033_1684773908029.jpg differ
diff --git a/public/ImageUsers/646ba0b48b76937353052cd3_1684775125017.jpg b/public/ImageUsers/646ba0b48b76937353052cd3_1684775125017.jpg
new file mode 100644
index 0000000..fb88aa3
Binary files /dev/null and b/public/ImageUsers/646ba0b48b76937353052cd3_1684775125017.jpg differ
diff --git a/public/ImageUsers/646ba24d46e760f4ed3ac8b6_1684775527528.jpg b/public/ImageUsers/646ba24d46e760f4ed3ac8b6_1684775527528.jpg
new file mode 100644
index 0000000..fb88aa3
Binary files /dev/null and b/public/ImageUsers/646ba24d46e760f4ed3ac8b6_1684775527528.jpg differ
diff --git a/src/components/layout/profile/ModalChoosePassion.tsx b/src/components/layout/profile/ModalChoosePassion.tsx
index aafb12f..8a44f5a 100644
--- a/src/components/layout/profile/ModalChoosePassion.tsx
+++ b/src/components/layout/profile/ModalChoosePassion.tsx
@@ -13,80 +13,86 @@ import {
   useCheckboxGroup,
   useDisclosure,
   useToast,
-} from '@chakra-ui/react';
-import {useQueryClient} from '@tanstack/react-query';
-import {RiEditBoxLine} from 'react-icons/ri';
-import CustomCheckbox from './CustomCheckbox';
-import {Passion} from '@prisma/client';
+} from "@chakra-ui/react";
+import { useQueryClient } from "@tanstack/react-query";
+import { RiEditBoxLine } from "react-icons/ri";
+import CustomCheckbox from "./CustomCheckbox";
+import { Passion } from "@prisma/client";
 
 export default function ModalChoosePassion(props) {
-  const {isOpen, onOpen, onClose} = useDisclosure();
-  const {user, passions} = props;
-  const toast = useToast({position: 'top', isClosable: true});
+  const { isOpen, onOpen, onClose } = useDisclosure();
+  const { user, passions } = props;
+  const toast = useToast({ position: "top", isClosable: true });
   const client = useQueryClient();
 
-  const {value, getCheckboxProps} = useCheckboxGroup({
+  const { value, getCheckboxProps } = useCheckboxGroup({
     defaultValue: user.PassionID,
   });
 
   const savePassions = (idPassionList) => {
-    let jsonPassions = {Passion: {connect: []}};
+    let jsonPassions = { Passion: { connect: [] } };
 
     idPassionList.forEach((id) => {
-      jsonPassions.Passion.connect.push({id: id});
+      jsonPassions.Passion.connect.push({ id: id });
     });
 
     const options = {
-      method: 'PATCH',
-      headers: {'Content-Type': 'application/json'},
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
       body: JSON.stringify(jsonPassions),
     };
 
     fetch(`/api/users/${user.id}`, options)
-        .then(res => res.json())
-        .then(() => {
-          toast({
-            title: 'Centres d\'intérêts mis à jour',
-            status: 'success',
-            duration: 9000,
-          });
-          client.invalidateQueries('user');
-          onClose();
-        })
-        .catch(err => console.log(err));
+      .then((res) => res.json())
+      .then(() => {
+        toast({
+          title: "Centres d'intérêts mis à jour",
+          status: "success",
+          duration: 9000,
+        });
+        onClose();
+        client.invalidateQueries({ queryKey: ["userProfile"] });
+      })
+      .catch((err) => console.log(err));
   };
 
   return (
-      <>
-        <Button onClick={onOpen} leftIcon={<RiEditBoxLine/>}>
-          Choisir les centres d'intérêts
-        </Button>
+    <>
+      <Button onClick={onOpen} leftIcon={<RiEditBoxLine />}>
+        Choisir les centres d'intérêts
+      </Button>
 
-        <Modal blockScrollOnMount={false} size={'4xl'} isOpen={isOpen}
-               onClose={onClose} scrollBehavior={'inside'}>
-          <ModalOverlay/>
-          <ModalContent>
-            <ModalHeader>Choix des centres d'intérêts</ModalHeader>
-            <ModalCloseButton/>
-            <ModalBody>
-              <Flex gap={'1rem'} flexWrap="wrap">
-                {passions && (
-                    passions.map((passion: Passion) => (
-                          <CustomCheckbox key={passion.id} text={passion.name}
-                                          {...getCheckboxProps({value: passion.id})}/>
-                      )
-                    )
-                )}
-              </Flex>
-            </ModalBody>
+      <Modal
+        blockScrollOnMount={false}
+        size={"4xl"}
+        isOpen={isOpen}
+        onClose={onClose}
+        scrollBehavior={"inside"}
+      >
+        <ModalOverlay />
+        <ModalContent>
+          <ModalHeader>Choix des centres d'intérêts</ModalHeader>
+          <ModalCloseButton />
+          <ModalBody>
+            <Flex gap={"1rem"} flexWrap="wrap">
+              {passions &&
+                passions.map((passion: Passion) => (
+                  <CustomCheckbox
+                    key={passion.id}
+                    text={passion.name}
+                    {...getCheckboxProps({ value: passion.id })}
+                  />
+                ))}
+            </Flex>
+          </ModalBody>
 
-            <ModalFooter>
-              <Button mr={3} onClick={() => savePassions(value)}>
-                Save
-              </Button>
-            </ModalFooter>
-          </ModalContent>
-        </Modal>
-      </>
+          <ModalFooter>
+            <Button mr={3} onClick={() => savePassions(value)}>
+              Save
+            </Button>
+          </ModalFooter>
+        </ModalContent>
+      </Modal>
+    </>
   );
 }
diff --git a/src/components/layout/profile/ModalModifyImages.tsx b/src/components/layout/profile/ModalModifyImages.tsx
index 92e8cab..4967f6b 100644
--- a/src/components/layout/profile/ModalModifyImages.tsx
+++ b/src/components/layout/profile/ModalModifyImages.tsx
@@ -192,7 +192,7 @@ export default function ModalModifyImages(props) {
             <Button
               mr={3}
               onClick={() => {
-                client.invalidateQueries("user");
+                client.invalidateQueries({ queryKey: ["userProfile"] });
                 onClose();
               }}
             >
diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
index 9244507..3a51cce 100644
--- a/src/pages/profile.tsx
+++ b/src/pages/profile.tsx
@@ -72,7 +72,7 @@ export default function UserProfile() {
     data: userData,
     error,
   } = useQuery({
-    queryKey: ["user"],
+    queryKey: ["userProfile"],
     enabled: status === "authenticated",
     queryFn: async () => {
       const { user } = session as unknown as Session;
@@ -149,7 +149,7 @@ export default function UserProfile() {
             status: "success",
             isClosable: true,
           });
-          queryClient.invalidateQueries({ queryKey: ["user"] });
+          queryClient.invalidateQueries({ queryKey: ["userProfile"] });
         })
         .catch((err) => {
           setCurrentlyLoading(false);