invalidate these to they refresh on load after a home page refresh

components/Home/provider.tsx

@@ -3,6 +3,7 @@ import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { useQuery } from "@tanstack/react-query";
 import { QueryKeys } from "../../enums/query-keys";
 import { fetchRecentlyPlayed, fetchRecentlyPlayedArtists } from "../../api/queries/functions/recents";
+import { queryClient } from "@/constants/query-client";
 
 interface HomeContext {
     refreshing: boolean;
@@ -25,6 +26,14 @@ const HomeContextInitializer = () => {
 
     const onRefresh = async () => {
         setRefreshing(true);
+
+        queryClient.invalidateQueries({
+            queryKey: [QueryKeys.RecentlyPlayedArtists, 20]
+        });
+
+        queryClient.invalidateQueries({
+            queryKey: [QueryKeys.RecentlyPlayed, 20]
+        });
         
         await Promise.all([
             refetchRecentTracks(),