addressing PR comments

Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>

components/WatchedIndicator.tsx

@@ -2,8 +2,8 @@ import { Ionicons } from "@expo/vector-icons";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import type React from "react";
 import { Platform, View, type ViewStyle } from "react-native";
+import { Text } from "@/components/common/Text";
 import { scaleSize } from "@/utils/scaleSize";
-import { Text } from "./common/Text";
 
 const isAggregateType = (item: BaseItemDto) =>
   item.Type === "Series" || item.Type === "BoxSet";
@@ -39,9 +39,8 @@ const mobileBadgeBase: ViewStyle = {
  * unconditionally as an overlay (e.g. on top of the tvOS glass poster, where
  * the watched checkmark is drawn natively and only the count needs RN).
  */
-export const UnplayedCountBadge: React.FC<{ item: BaseItemDto }> = ({
-  item,
-}) => {
+export const UnplayedCountBadge: React.FC<{ item: BaseItemDto }> = React.memo(
+  ({ item }) => {
     if (!isAggregateType(item)) return null;
     if (item.UserData?.Played) return null;
     const unplayed = item.UserData?.UnplayedItemCount ?? 0;
@@ -56,7 +55,11 @@ export const UnplayedCountBadge: React.FC<{ item: BaseItemDto }> = ({
           ]}
         >
           <Text
-          style={{ fontSize: scaleSize(15), fontWeight: "700", color: "black" }}
+            style={{
+              fontSize: scaleSize(15),
+              fontWeight: "700",
+              color: "black",
+            }}
           >
             {unplayed}
           </Text>
@@ -71,7 +74,8 @@ export const UnplayedCountBadge: React.FC<{ item: BaseItemDto }> = ({
         </Text>
       </View>
     );
-};
+  },
+);
 
 export const WatchedIndicator: React.FC<{ item: BaseItemDto }> = ({ item }) => {
   const isMovieOrEpisode = item.Type === "Movie" || item.Type === "Episode";

components/posters/ItemPoster.tsx

@@ -1,8 +1,8 @@
 import { type BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { useState } from "react";
 import { View, type ViewProps } from "react-native";
+import { WatchedIndicator } from "@/components/WatchedIndicator";
 import { ItemImage } from "../common/ItemImage";
-import { WatchedIndicator } from "../WatchedIndicator";
 
 interface Props extends ViewProps {
   item: BaseItemDto;

components/posters/SeriesPoster.tsx

@@ -3,9 +3,9 @@ import { Image } from "expo-image";
 import { useAtom } from "jotai";
 import { useMemo } from "react";
 import { View } from "react-native";
+import { WatchedIndicator } from "@/components/WatchedIndicator";
 import { apiAtom } from "@/providers/JellyfinProvider";
 import { getPrimaryImageUrl } from "@/utils/jellyfin/image/getPrimaryImageUrl";
-import { WatchedIndicator } from "../WatchedIndicator";
 
 type MoviePosterProps = {
   item: BaseItemDto;