[IMP] lint, prettier, tsc

front/views/MusicView.tsx

@@ -32,8 +32,7 @@ const MusicListCC = ({ data, isLoading, refetch }: MusicListCCProps) => {
 	const { mutateAsync } = useLikeSongMutation();
 	const user = useQuery(API.getUserInfo);
 
-	const musics = (data ?? [])
+	const musics = (data ?? []).map((song) => {
-	.map((song) => {
 		const isLiked = song.likedByUsers?.some(({ userId }) => userId === user.data?.id) ?? false;
 
 		return {
@@ -54,39 +53,42 @@ const MusicListCC = ({ data, isLoading, refetch }: MusicListCCProps) => {
 		return <LoadingView />;
 	}
 
-    return (
+	return <MusicList initialMusics={musics} musicsPerPage={25} />;
-        <MusicList
-            initialMusics={musics}
-            musicsPerPage={25}
-        />
-    );
 };
 
 const FavoritesMusic = () => {
 	const likedSongs = useQuery(API.getLikedSongs(['artist', 'SongHistory', 'likedByUsers']));
-    return <MusicListCC
+	return (
-		data={likedSongs.data?.map(x => x.song)}
+		<MusicListCC
+			data={likedSongs.data?.map((x) => x.song)}
 			isLoading={likedSongs.isLoading}
 			refetch={likedSongs.refetch}
 		/>
+	);
 };
 
 const RecentlyPlayedMusic = () => {
 	const playHistory = useQuery(API.getUserPlayHistory(['artist', 'SongHistory', 'likedByUsers']));
-    return <MusicListCC
+	return (
-		data={playHistory.data?.filter(x => x.song !== undefined).map(x => x.song) as Song[]}
+		<MusicListCC
+			data={
+				playHistory.data?.filter((x) => x.song !== undefined).map((x) => x.song) as Song[]
+			}
 			isLoading={playHistory.isLoading}
 			refetch={playHistory.refetch}
 		/>
+	);
 };
 
 const StepUpMusic = () => {
 	const nextStep = useQuery(API.getSongSuggestions(['artist', 'SongHistory', 'likedByUsers']));
-    return <MusicListCC
+	return (
+		<MusicListCC
 			data={nextStep.data ?? []}
 			isLoading={nextStep.isLoading}
 			refetch={nextStep.refetch}
 		/>
+	);
 };
 
 const renderScene = SceneMap({