fix: correct dependency arrays and add null checks

Fixes missing dependencies in useMemo and useCallback hooks to prevent stale closures and potential bugs.

Adds null/undefined guards before navigation in music components to prevent crashes when attempting to navigate with missing IDs.

Corrects query key from "company" to "genre" in genre page to ensure proper cache invalidation.

Updates Jellyseerr references to Seerr throughout documentation and error messages for consistency.

Improves type safety by adding error rejection handling in SeerrApi and memoizing components to optimize re-renders.

components/seerr/discover/CompanySlide.tsx

@@ -26,7 +26,7 @@ const CompanySlide: React.FC<
         pathname: `/(auth)/(tabs)/${from}/seerr/company/${id}` as any,
         params: { id, image, name, type: slide.type },
       }),
-    [slide],
+    [router, from, slide.type],
   );
 
   return (

components/seerr/discover/Discover.tsx

@@ -23,7 +23,6 @@ const Discover: React.FC<Props> = ({ sliders }) => {
       sortBy(
         (sliders ?? []).filter((s) => s.enabled),
         "order",
-        "asc",
       ),
     [sliders],
   );

components/seerr/discover/GenericSlideCard.tsx

@@ -1,6 +1,6 @@
 import { Image, type ImageContentFit } from "expo-image";
 import { LinearGradient } from "expo-linear-gradient";
-import type React from "react";
+import React from "react";
 import { StyleSheet, View, type ViewProps } from "react-native";
 import { Text } from "@/components/common/Text";
 
@@ -67,4 +67,4 @@ const GenericSlideCard: React.FC<
   </>
 );
 
-export default GenericSlideCard;
+export default React.memo(GenericSlideCard);

components/seerr/discover/GenreSlide.tsx

@@ -23,9 +23,8 @@ const GenreSlide: React.FC<SlideProps & ViewProps> = ({ slide, ...props }) => {
         pathname: `/(auth)/(tabs)/${from}/seerr/genre/${genre.id}` as any,
         params: { type: slide.type, name: genre.name },
       }),
-    [slide],
+    [router, from, slide.type],
   );
-
   const { data } = useQuery({
     queryKey: ["seerr", "discover", slide.type, slide.id],
     queryFn: async () => {

components/seerr/discover/MovieTvSlide.tsx

@@ -64,7 +64,7 @@ const MovieTvSlide: React.FC<SlideProps & ViewProps> = ({
           .flatMap((p) => p?.results.filter((r) => isSeerrMovieOrTvResult(r))),
         "id",
       ),
-    [data],
+    [data, isSeerrMovieOrTvResult],
   );
 
   return (

components/seerr/discover/Slide.tsx

@@ -14,10 +14,7 @@ export interface SlideProps {
 
 interface Props<T> extends SlideProps {
   data: T[];
-  renderItem: (
-    item: T,
-    index: number,
-  ) => React.ComponentType<any> | React.ReactElement | null | undefined;
+  renderItem: (item: T, index: number) => React.ReactElement | null;
   keyExtractor: (item: T) => string;
   onEndReached?: (() => void) | null | undefined;
 }