firtname and lastname before username

src/screens/Home/HomeSave.js

@@ -12,16 +12,26 @@ import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
 import { navigate } from "../../navigation/NavigationService";
 import { useUser } from "../../providers/UserDataProvider";
+import { getArtistDisplayName } from "../../utils/artistName";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import MusicCard from "../Library/components/MusicCard";
 
 const HomeSave = () => {
-  const { userProjects = [], resetSelectedProject, selectProject } = useUser();
+  const {
+    userProjects = [],
+    resetSelectedProject,
+    selectProject,
+    currentUserData,
+  } = useUser();
   const projects = useMemo(
     () => (Array.isArray(userProjects) ? userProjects : []),
     [userProjects]
   );
+  const ownerDisplayName = useMemo(
+    () => getArtistDisplayName(currentUserData, "MusicLand"),
+    [currentUserData]
+  );
   const [, setTooltip] = useGlobal("_tooltip");
   const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
@@ -73,7 +83,7 @@ const HomeSave = () => {
                 renderItem={({ item }) => (
                   <MusicCard
                     title={item?.title || "Sans titre"}
-                    subtitle={item?.userName}
+                    subtitle={item?.userName || ownerDisplayName}
                     imageUri={item?.coverUrl || null}
                     projectId={item?.id}
                     likedBy={item?.likedBy || []}