adjust separators in list

components/Album/component.tsx

@@ -1,16 +1,14 @@
 import { StackParamList } from "../types";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
-import { ScrollView, YStack, XStack } from "tamagui";
+import { YStack, XStack, Separator } from "tamagui";
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
-import { H3, H4, H5, Text } from "../Global/helpers/text";
+import { H3, H5, Text } from "../Global/helpers/text";
 import { FlatList } from "react-native";
-import { usePlayerContext } from "../../player/provider";
 import { RunTimeTicks } from "../Global/helpers/time-codes";
 import Track from "../Global/components/track";
 import { useItemTracks } from "../../api/queries/tracks";
 import { useSafeAreaFrame } from "react-native-safe-area-context";
 import FavoriteButton from "../Global/components/favorite-button";
-import { useEffect } from "react";
 import BlurhashedImage from "../Global/components/blurhashed-image";
 import Avatar from "../Global/components/avatar";
 
@@ -40,6 +38,7 @@ export default function Album({
                 contentInsetAdjustmentBehavior="automatic"
                 data={tracks}
                 numColumns={1}
+                ItemSeparatorComponent={() => <Separator />}
                 ListHeaderComponent={() => (
                     <YStack 
                         alignItems="center" 

components/Global/components/track.tsx

@@ -1,6 +1,6 @@
 import { usePlayerContext } from "../../../player/provider";
 import React from "react";
-import { getTokens, Separator, Spacer, Theme, useTheme, XStack, YStack } from "tamagui";
+import { getTokens, Spacer, Theme, useTheme, XStack, YStack } from "tamagui";
 import { Text } from "../helpers/text";
 import { RunTimeTicks } from "../helpers/time-codes";
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
@@ -47,7 +47,6 @@ export default function Track({
 
     return (
         <Theme name={invertedColors ? "inverted_purple" : undefined}>
-            <Separator />
             <XStack 
                 alignContent="center"
                 alignItems="center"
@@ -173,7 +172,6 @@ export default function Track({
                     </YStack>
                 </XStack>
             </XStack>
-            <Separator />
         </Theme>
     )
 }

components/Player/screens/queue.tsx

@@ -6,7 +6,7 @@ import { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import { useSafeAreaFrame } from "react-native-safe-area-context";
 import DraggableFlatList from "react-native-draggable-flatlist";
 import { trigger } from "react-native-haptic-feedback";
-import { getTokens } from "tamagui";
+import { getTokens, Separator } from "tamagui";
 import { FadeIn, FadeOut, ReduceMotion, SequencedTransition } from "react-native-reanimated";
 
 export default function Queue({ navigation }: { navigation: NativeStackNavigationProp<StackParamList>}): React.JSX.Element {
@@ -37,6 +37,7 @@ export default function Queue({ navigation }: { navigation: NativeStackNavigatio
                 { length: width / 9, offset: width / 9 * index, index}
             )}
             initialScrollIndex={scrollIndex !== -1 ? scrollIndex: 0}
+            ItemSeparatorComponent={() => <Separator />}
             // itemEnteringAnimation={FadeIn}
             // itemExitingAnimation={FadeOut}
             // itemLayoutAnimation={SequencedTransition}

components/Playlist/component.tsx

@@ -1,7 +1,7 @@
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import { StackParamList } from "../types";
-import { getTokens, XStack, YStack } from "tamagui";
+import { getTokens, Separator, XStack, YStack } from "tamagui";
 import { useItemTracks } from "../../api/queries/tracks";
 import { RunTimeTicks } from "../Global/helpers/time-codes";
 import { H4, H5, Text } from "../Global/helpers/text";
@@ -64,6 +64,7 @@ export default function Playlist({
             keyExtractor={({ Id }, index) => {
                 return `${index}-${Id}`
             }}
+            ItemSeparatorComponent={() => <Separator />}
             ListHeaderComponent={(
                 <YStack 
                     alignItems="center"