USER STORY: Refresh user name in Nav Bar after first or last name is changed

[blahosyl]

As a Logged-in User,

I want to see my updated name in the NavBar automatically,

so that I do not have to refresh the page after changing it

Acceptance Criteria

1. When a Logged-in User changes their firstname or lastname in their profile, the change should be reflected in the Nav Bar without refreshing the page.

Tasks

• add firstname and lastname to the PUT request in ProfileEditForm:

    try {
      const { data } = await axiosReq.put(`/profiles/${id}/`, formData);
      setCurrentUser((currentUser) => ({
        ...currentUser,
        profile_image: data.image,
        // also update firstname and lastname of currentUser
        profile_firstname: data.firstname,
        profile_lastname: data.lastname,
      }));
      history.goBack();
    }