optimizations to home screen fetching

fix text wrapping in settings

src/api/queries/home/index.ts

@@ -1,4 +1,4 @@
-import { useQuery } from '@tanstack/react-query'
+import { useMutation } from '@tanstack/react-query'
 import { useFrequentlyPlayedArtists, useFrequentlyPlayedTracks } from '../frequents'
 import { useRecentArtists, useRecentlyPlayedTracks } from '../recents'
 
@@ -11,9 +11,8 @@ const useHomeQueries = () => {
 
 	const { refetch: refetchFrequentlyPlayed } = useFrequentlyPlayedTracks()
 
-	return useQuery({
-		queryKey: ['Home'],
-		queryFn: async () => {
+	return useMutation({
+		mutationFn: async () => {
 			await Promise.all([refetchRecentlyPlayed(), refetchFrequentlyPlayed()])
 			await Promise.all([refetchFrequentArtists(), refetchRecentArtists()])
 			return true

src/components/Home/index.tsx

@@ -15,7 +15,7 @@ export function Home(): React.JSX.Element {
 
 	usePerformanceMonitor(COMPONENT_NAME, 5)
 
-	const { data, isFetching: refreshing, refetch: refresh } = useHomeQueries()
+	const { isPending: refreshing, mutate: refresh } = useHomeQueries()
 
 	return (
 		<ScrollView

src/components/Settings/components/playback-tab.tsx

@@ -35,7 +35,7 @@ export default function PlaybackTab(): React.JSX.Element {
 							<RadioGroupItemWithLabel
 								size='$3'
 								value={StreamingQuality.Original}
-								label='Original Quality (Highest bandwidth)'
+								label='Original Quality'
 							/>
 							<RadioGroupItemWithLabel
 								size='$3'