fix: design and posters

app/(auth)/(tabs)/(home)/index.tsx

@@ -109,7 +109,7 @@ export default function index() {
       return response.data.Items || [];
     },
     enabled: !!api && !!user?.Id && settings?.usePopularPlugin === true,
-    staleTime: 0,
+    staleTime: 60 * 1000,
   });
 
   const movieCollectionId = useMemo(() => {
@@ -148,6 +148,7 @@ export default function index() {
           (
             await getItemsApi(api).getResumeItems({
               userId: user.Id,
+              enableImageTypes: ["Primary", "Backdrop", "Thumb"],
             })
           ).data.Items || [],
         type: "ScrollingCollectionList",
@@ -162,6 +163,7 @@ export default function index() {
               userId: user?.Id,
               fields: ["MediaSourceCount"],
               limit: 20,
+              enableImageTypes: ["Primary", "Backdrop", "Thumb"],
             })
           ).data.Items || [],
         type: "ScrollingCollectionList",
@@ -220,7 +222,7 @@ export default function index() {
             })
           ).data.Items || [],
         type: "ScrollingCollectionList",
-        orientation: "horizontal",
+        orientation: "vertical",
       },
     ];
     return ss;

app/(auth)/(tabs)/(home,libraries,search)/items/[id].tsx

@@ -62,7 +62,7 @@ const page: React.FC = () => {
         itemId: id,
       }),
     enabled: !!id && !!api,
-    staleTime: 60,
+    staleTime: 60 * 1000,
   });
 
   const { data: sessionData } = useQuery({
@@ -130,8 +130,8 @@ const page: React.FC = () => {
       getBackdropUrl({
         api,
         item,
-        quality: 90,
-        width: 1000,
+        quality: 95,
+        width: 1200,
       }),
     [item]
   );
@@ -227,16 +227,11 @@ const page: React.FC = () => {
           <NextEpisodeButton item={item} className="ml-2" />
         </View>
       </View>
-
-      <CastAndCrew item={item} />
-
-      {item.Type === "Episode" && (
-        <View className="mb-4">
-          <CurrentSeries item={item} />
-        </View>
-      )}
-
-      <SimilarItems itemId={item.Id} />
+      <View className="flex flex-col space-y-4">
+        <CastAndCrew item={item} />
+        {item.Type === "Episode" && <CurrentSeries item={item} />}
+        <SimilarItems itemId={item.Id} />
+      </View>
 
       <View className="h-12"></View>
     </ParallaxScrollView>