feat: finish exercise header

src/screens/Exercise.tsx

@@ -1,8 +1,10 @@
-import { Center, Icon, Text, VStack } from '@gluestack-ui/themed';
+import { Center, Heading, HStack, Icon, Text, VStack } from '@gluestack-ui/themed';
 import { useNavigation } from '@react-navigation/native';
 import { ArrowLeft } from 'lucide-react-native';
 import { TouchableOpacity } from 'react-native';
 
+import BodySvg from '@assets/body.svg';
+
 export function Exercise() {
   const navigation = useNavigation();
 
@@ -16,6 +18,19 @@ export function Exercise() {
         <TouchableOpacity onPress={handleGoBack}>
           <Icon as={ArrowLeft} color="$green500" size="xl" />
         </TouchableOpacity>
+
+        <HStack alignItems="center" justifyContent="space-between" mt="$4" mb="$8">
+          <Heading color="$gray100" fontSize="$lg" flexShrink={1}>
+            Puxada frontal
+          </Heading>
+
+          <HStack alignItems="center">
+            <BodySvg />
+            <Text color="$gray200" ml="$1" textTransform="capitalize">
+              Costas
+            </Text>
+          </HStack>
+        </HStack>
       </VStack>
     </VStack>
   );