check existing song url before navigating

src/screens/Profile/Profile.js

@@ -21,6 +21,7 @@ import PressableScale from "../../components/PressableScale";
 import { projectsRef, usersRef } from "../../config/firebase";
 import useDataFromRef from "../../hooks/useDataFromRef";
 import useLayoutType from "../../hooks/useLayoutType";
+import useNavigateToMusicDetails from "../../hooks/useNavigateToMusicDetails";
 import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
 import { navigate, push } from "../../navigation/NavigationService";
@@ -53,6 +54,7 @@ const Profile = () => {
   const [menuPosition, setMenuPosition] = useState(null);
   const [showMenu, setShowMenu] = useState(false);
   const [selectedProjectId, setSelectedProjectId] = useState(null);
+  const navigateToMusicDetails = useNavigateToMusicDetails();
   const onPressMenu = (item) => {
     setSelected(item);
   };
@@ -134,7 +136,10 @@ const Profile = () => {
               projectId={item?.id}
               likedBy={item?.likedBy || []}
               onPress={() =>
-                navigate(Routes.MusicDetails, { projectId: item.id })
+                navigateToMusicDetails({
+                  projectId: item.id,
+                  songUrl: item?.songUrl,
+                })
               }
               onPressMore={(posTop) => {
                 setSelectedProjectId(item.id);