firtname and lastname before username

src/providers/UserDataProvider.js

@@ -13,6 +13,7 @@ import firebase, {
   projectsRef,
   usersRef,
 } from "../config/firebase";
+import { getUserPreferredArtistName } from "../utils/artistName";
 
 export const UserDataContext = createContext();
 
@@ -182,9 +183,12 @@ export default ({ children }) => {
 
     try {
       await setIsLoading(true);
+      const artistDisplayName = getUserPreferredArtistName(
+        currentUserDoc || currentUserData || {}
+      );
       const payload = {
         userId: currentUID || null,
-        userName: currentUserData?.userName || null,
+        userName: artistDisplayName,
         createdAt: firebase.firestore.FieldValue.serverTimestamp(),
         updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
       };