GitHub Sponsors on the Wall of Fame (#608)

Reworks the "Patreon Wall of Fame" to be a generic "Wall of Fame", since GitHub sponsors of the project are now being retrieved

Names are now organized alphabetically and refresh more often to pick up paid supporters

Thank you all so much for the support, we are absolutely overjoyed

src/api/queries/patrons/index.ts

@@ -10,7 +10,10 @@ const usePatronsQuery = () => {
 	return useQuery({
 		queryKey: [QueryKeys.Patrons],
 		queryFn: () => fetchPatrons(api),
+		select: (patrons) => patrons.sort((a, b) => a.fullName.localeCompare(b.fullName)),
 		staleTime: ONE_DAY,
+		refetchOnMount: 'always',
+		refetchOnWindowFocus: 'always',
 	})
 }
 

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

@@ -75,8 +75,8 @@ export default function InfoTab() {
 					{
 						title: 'Powered by listeners like you',
 						subTitle: 'Sponsor on GitHub or Patreon',
-						iconName: 'heart',
-						iconColor: '$secondary',
+						iconName: 'hand-heart',
+						iconColor: '$success',
 						children: (
 							<XStack justifyContent='flex-start' gap={'$4'} marginVertical={'$2'}>
 								<XStack
@@ -103,9 +103,9 @@ export default function InfoTab() {
 						),
 					},
 					{
-						title: 'Patreon Wall of Fame',
+						title: 'Wall of Fame',
 						subTitle: 'Thank you to these paid members',
-						iconName: 'patreon',
+						iconName: 'heart',
 						iconColor: '$secondary',
 						children: (
 							<FlashList