Pick the music services you use

Songs offered links to all five services. Settings now has "Your music
services": pick the ones you use and songs only show those, with the
main one as the big button. Until someone picks, they still see all of
them. Onboarding sets it to the app you said you listen with.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/mobile/src/components/TrackCard.tsx

@@ -1,6 +1,6 @@
 import { Image } from 'expo-image';
 import { Linking, Pressable, Share, StyleSheet, Text, View } from 'react-native';
-import { SERVICE_LABELS, STREAMING_SERVICES, openUrl, shareText, trackUrl, type StreamingService, type TrackDTO } from '@musicshare/shared';
+import { SERVICE_LABELS, openUrl, shareText, trackUrl, viewerServices, type StreamingService, type TrackDTO } from '@musicshare/shared';
 import { WEB_URL } from '@/lib/config';
 import { useSession } from '@/lib/session';
 import { showError } from '@/lib/errors';
@@ -23,7 +23,7 @@ function shareTrack(track: TrackDTO, from: string | undefined) {
 export function TrackCard({ track, preferred }: { track: TrackDTO; preferred: StreamingService | null | undefined }) {
   const { me } = useSession();
   const primary = preferred ? openUrl(track, preferred) : null;
-  const others = STREAMING_SERVICES.filter((s) => s !== preferred);
+  const others = viewerServices(me).filter((s) => s !== preferred);
 
   return (
     <View style={styles.track}>