style: added ParticipantDeatails component

app/showDetails.tsx

@@ -1,6 +1,7 @@
 import StackHeader from "@/components/ui/StackHeader";
 import { useLocalSearchParams, router } from "expo-router";
 import ShowInfo from "@/components/ui/ShowInfo";
+import ParticipantDetails from "@/components/ParticipantDeatails";
 import React from "react";
 import {
   Dimensions,
@@ -200,16 +201,12 @@ export default function ShowDetails() {
             </View>
           </>
         ) : (
-          <View style={styles.participantsDetailsContainer}>
-            <Text style={styles.detailTitle}>Beschreibung:</Text>
-            <Text style={styles.detailLabel}>{description}</Text>
-            <Text style={styles.detailTitle}>Konzept:</Text>
-            <Text style={styles.detailLabel}>{concept}</Text>
-            <Text style={styles.detailTitle}>Genres:</Text>
-            <Text style={styles.detailLabel}>{genres}</Text>
-            <Text style={styles.detailTitle}>Produktion:</Text>
-            <Text style={styles.detailLabel}>{streamingService}</Text>
-          </View>
+          <ParticipantDetails
+            description={description as string}
+            concept={concept as string}
+            genres={genres as string}
+            streamingService={streamingService as string}
+          />
         )}
       </ScrollView>
     </View>