fix: music rows full width

app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/album/[albumId].tsx

@@ -185,14 +185,12 @@ export default function AlbumDetailScreen() {
         </View>
       }
       renderItem={({ item, index }) => (
-        <View className='px-4'>
+        <MusicTrackItem
-          <MusicTrackItem
+          track={item}
-            track={item}
+          index={index + 1}
-            index={index + 1}
+          queue={tracks}
-            queue={tracks}
+          showArtwork={false}
-            showArtwork={false}
+        />
-          />
-        </View>
       )}
       keyExtractor={(item) => item.Id!}
     />

app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/artist/[artistId].tsx

@@ -209,16 +209,16 @@ export default function ArtistDetailScreen() {
               renderItem={(item) => <MusicAlbumCard album={item} />}
             />
           ) : (
-            <View className='px-4'>
+            section.data
-              {section.data.slice(0, 5).map((track, index) => (
+              .slice(0, 5)
+              .map((track, index) => (
                 <MusicTrackItem
                   key={track.Id}
                   track={track}
                   index={index + 1}
                   queue={section.data}
                 />
-              ))}
+              ))
-            </View>
           )}
         </View>
       )}

app/(auth)/(tabs)/(home,libraries,search,favorites,watchlists)/music/playlist/[playlistId].tsx

@@ -181,9 +181,7 @@ export default function PlaylistDetailScreen() {
         </View>
       }
       renderItem={({ item, index }) => (
-        <View className='px-4'>
+        <MusicTrackItem track={item} index={index + 1} queue={tracks} />
-          <MusicTrackItem track={item} index={index + 1} queue={tracks} />
-        </View>
       )}
       keyExtractor={(item) => item.Id!}
     />

app/(auth)/(tabs)/(libraries)/music/[libraryId]/suggestions.tsx

@@ -268,16 +268,16 @@ export default function SuggestionsScreen() {
                 renderItem={(item) => <MusicAlbumCard album={item} />}
               />
             ) : (
-              <View className='px-4'>
+              section.data
-                {section.data.slice(0, 5).map((track, index, _tracks) => (
+                .slice(0, 5)
+                .map((track, index, _tracks) => (
                   <MusicTrackItem
                     key={track.Id}
                     track={track}
                     index={index + 1}
                     queue={section.data}
                   />
-                ))}
+                ))
-              </View>
             )}
           </View>
         )}