adjust images

api/queries/image.ts

@@ -2,8 +2,11 @@ import { useQuery } from "@tanstack/react-query";
 import { QueryKeys } from "../../enums/query-keys";
 import { fetchItemImage } from "./functions/images";
 import { ImageType } from "@jellyfin/sdk/lib/generated-client/models";
+import { QueryConfig } from "./query.config";
 
 export const useItemImage = (itemId: string, imageType?: ImageType, width?: number, height?: number) => useQuery({
     queryKey: [QueryKeys.ItemImage, itemId, imageType, width, height],
-    queryFn: () => fetchItemImage(itemId, imageType, width, height)
+    queryFn: () => fetchItemImage(itemId, imageType, width, height),
+    staleTime: QueryConfig.staleTime.oneWeek,
+    gcTime: Infinity
 });

components/Player/mini-player.tsx

@@ -39,6 +39,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
                             <BlurhashedImage
                                 item={nowPlaying!.item}
                                 width={width / 7}
+                                cornered
                             />
 
                     </YStack>