feat: pass exercise id to exercise screen

src/screens/Exercise.tsx

@@ -1,5 +1,5 @@
 import { Box, Center, Heading, HStack, Icon, Image, Text, VStack } from '@gluestack-ui/themed';
-import { useNavigation } from '@react-navigation/native';
+import { useNavigation, useRoute } from '@react-navigation/native';
 import { ArrowLeft } from 'lucide-react-native';
 import { ScrollView, TouchableOpacity } from 'react-native';
 
@@ -8,9 +8,16 @@ import SeriesSvg from '@assets/series.svg';
 import RepetitionSvg from '@assets/repetitions.svg';
 import { Button } from '@components/Button';
 
+type RouteParams = {
+  exerciseId: string;
+};
+
 export function Exercise() {
   const navigation = useNavigation();
 
+  const route = useRoute();
+  const { exerciseId } = route.params as RouteParams;
+
   function handleGoBack() {
     navigation.goBack();
   }

src/screens/Home.tsx

@@ -24,8 +24,8 @@ export function Home() {
 
   const navigation = useNavigation<AppNavigatorRoutesProps>();
 
-  function handleOpenExerciseDetails() {
-    navigation.navigate('Exercise');
+  function handleOpenExerciseDetails(exerciseId: string) {
+    navigation.navigate('Exercise', { exerciseId });
   }
 
   async function fetchGroups() {
@@ -115,7 +115,7 @@ export function Home() {
             data={exercises}
             keyExtractor={(item) => item.id}
             renderItem={({ item }) => (
-              <ExerciseCard data={item} onPress={handleOpenExerciseDetails} />
+              <ExerciseCard data={item} onPress={() => handleOpenExerciseDetails(item.id)} />
             )}
             showsVerticalScrollIndicator={false}
             contentContainerStyle={{ paddingBottom: 20 }}