add ProfilePicture into header when user login

src/components/Header/Header.tsx

@@ -12,6 +12,7 @@ import { AuthContext } from "../../contexts/Auth/AuthContext.js";
 import { PendingMembersContext } from "../../contexts/PendingMembers/PendingMembersContext";
 import Notification from "../../interfaces/notification.interface";
 
+
 function Header() {
 
     const { update, user } = useContext(AuthContext)!;
@@ -137,8 +138,14 @@ function Header() {
                         </button>
 
                         <Link to="/profile" className={styles.profileLink}>
-                            <img className={styles.profileImg} src="/person.svg" alt="profile"/>
+                            <img
+                                className={styles.profileImg}
+                                src={user?.profile_photo_path || "/person.svg"}
+                                alt="profile"
+                            />
                         </Link>
+
+
                     </div>
                 </nav>