style: added images into header

app/(tabs)/index.tsx

@@ -69,6 +69,7 @@ export default function HomeScreen() {
                       concept: show.concept,
                       genres: show.genres,
                       streamingService: show.streamingService,
+                      logoUri: show.logoUri,
                     },
                   })
                 }

app/showDetails.tsx

@@ -16,8 +16,15 @@ import * as WebBrowser from "expo-web-browser";
 import styles from "./stackStyles/showDetailStyles";
 
 export default function ShowDetails() {
-  const { bannerUri, description, concept, genres, streamingService, id } =
-    useLocalSearchParams();
+  const {
+    bannerUri,
+    description,
+    concept,
+    genres,
+    streamingService,
+    id,
+    logoUri,
+  } = useLocalSearchParams();
   const [selectedParticipants, setSelectedParticipants] =
     React.useState<boolean>(true);
   const [selectedSeason, setSelectedSeason] = React.useState<number>(1);
@@ -74,12 +81,6 @@ export default function ShowDetails() {
           paddingBottom: Dimensions.get("window").height * 0.1,
         }}
       >
-        <Image
-          source={{
-            uri: "https://images.plus.rtl.de/watch/859291/artwork_square/c3-ni-th-jc/are-you-the-one",
-          }}
-          style={styles.showImage}
-        />
         <ShowInfo
           seasons={seasonCount}
           participants={participants.length}

app/stackStyles/showDetailStyles.tsx

@@ -6,9 +6,11 @@ const styles = StyleSheet.create({
     backgroundColor: "hsl(221, 39%, 12%)",
   },
   showImage: {
-    width: 150,
-    height: 150,
+    width: 200,
+    height: 200,
     alignSelf: "center",
+    resizeMode: "contain",
+    bottom: 10,
   },
   showMainInfoSection: {
     width: "auto",
@@ -37,6 +39,7 @@ const styles = StyleSheet.create({
     alignSelf: "center",
     borderTopLeftRadius: 80,
     borderTopRightRadius: 80,
+    marginTop: 15,
   },
   showBannerLogo: {
     width: "100%",
@@ -68,7 +71,7 @@ const styles = StyleSheet.create({
     width: 110,
     backgroundColor: "hsl(336, 79%, 63%)",
     borderRadius: 10,
-    marginTop: 30,
+    marginBottom: 30,
   },
   participantSection: {
     flexDirection: "row",