fix: design

components/common/HeaderBackButton.tsx

@@ -36,7 +36,7 @@ export const HeaderBackButton: React.FC<Props> = ({
             className="drop-shadow-2xl"
             name="arrow-back"
             size={24}
-            color="#077DF2"
+            color="white"
           />
         </TouchableOpacity>
       </BlurView>

components/common/ItemImage.tsx

@@ -1,10 +1,11 @@
-import { View, ViewProps } from "react-native";
-import { Text } from "@/components/common/Text";
+import { useImageColors } from "@/hooks/useImageColors";
+import { apiAtom } from "@/providers/JellyfinProvider";
+import { itemThemeColorAtom } from "@/utils/atoms/primaryColor";
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { Image, ImageProps, ImageSource } from "expo-image";
-import { useMemo, useState } from "react";
 import { useAtom } from "jotai";
-import { apiAtom } from "@/providers/JellyfinProvider";
+import { useEffect, useMemo } from "react";
+import { getColors } from "react-native-image-colors";
 
 interface Props extends ImageProps {
   item: BaseItemDto;
@@ -81,6 +82,8 @@ export const ItemImage: React.FC<Props> = ({
     return src;
   }, [item.ImageTags]);
 
+  useImageColors(source?.uri);
+
   return (
     <Image
       transition={300}