[Jellyseerr] Add cast/crew results

implements #327

components/jellyseerr/Cast.tsx

@@ -0,0 +1,34 @@
+import {View, ViewProps} from "react-native";
+import {MovieDetails} from "@/utils/jellyseerr/server/models/Movie";
+import {TvDetails} from "@/utils/jellyseerr/server/models/Tv";
+import React from "react";
+import {FlashList} from "@shopify/flash-list";
+import {Text} from "@/components/common/Text";
+import PersonPoster from "@/components/jellyseerr/PersonPoster";
+
+const CastSlide: React.FC<{ details?: MovieDetails | TvDetails } & ViewProps> = ({ details, ...props }) => {
+  return (
+    details?.credits?.cast?.length && details?.credits?.cast?.length > 0  &&
+    <View {...props}>
+        <Text className="text-lg font-bold mb-2">Cast</Text>
+        <FlashList
+            horizontal
+            showsHorizontalScrollIndicator={false}
+            data={details?.credits.cast}
+            ItemSeparatorComponent={() => <View className="w-2"/>}
+            estimatedItemSize={15}
+            keyExtractor={item => item?.id?.toString()}
+            renderItem={({item}) =>
+              <PersonPoster
+                id={item.id.toString()}
+                posterPath={item.profilePath}
+                name={item.name}
+                subName={item.character}
+              />
+            }
+        />
+    </View>
+  )
+}
+
+export default CastSlide;

components/jellyseerr/PersonPoster.tsx

@@ -0,0 +1,42 @@
+import {TouchableOpacity, View, ViewProps} from "react-native";
+import React from "react";
+import {Text} from "@/components/common/Text";
+import Poster from "@/components/posters/Poster";
+import {useRouter, useSegments} from "expo-router";
+import {useJellyseerr} from "@/hooks/useJellyseerr";
+
+interface Props {
+  id: string
+  posterPath?: string
+  name: string
+  subName?: string
+}
+
+const PersonPoster: React.FC<Props & ViewProps> = ({
+  id,
+  posterPath,
+  name,
+  subName,
+  ...props
+}) => {
+  const {jellyseerrApi} = useJellyseerr();
+  const router = useRouter();
+  const segments = useSegments();
+  const from = segments[2];
+
+  if (from === "(home)" || from === "(search)" || from === "(libraries)")
+    return (
+      <TouchableOpacity onPress={() => router.push(`/(auth)/(tabs)/${from}/jellyseerr/${id}`)}>
+        <View className="flex flex-col w-28" {...props}>
+          <Poster
+            id={id}
+            url={jellyseerrApi?.imageProxy(posterPath, 'w600_and_h900_bestv2')}
+          />
+          <Text className="mt-2">{name}</Text>
+          {subName && <Text className="text-xs opacity-50">{subName}</Text>}
+        </View>
+      </TouchableOpacity>
+    )
+}
+
+export default PersonPoster;