Feat/32 finalizar minijogo

O que esse MR faz?

Adiciona a tela do mini-game de cortar as unhas e todos os componentes necessários para ela funcionar.

No exemplo abaixo tem modificações que fiz localmente para ser possível ver as telas adicionadas, este MR não tem nenhuma modificação visual.

Screenshots

Antes	Depois

Como configurar e validar localmente?

1. É preciso instalar as dependencias necessárias:

As dependências já estão no package.json, então é necessário somente instalá-las com:

  npx expo install
  npm install

2. Importar o componente do jogo em alguma das telas:

O componente se chama "NailTrimGame" e está dentro do arquivo index.tsx em @/components/minigames/nail-trim-game O componente deve ser importado dentro de @/app/(tabs)/ como, por exemplo:

//no arquivo "@/app/(tabs)/minigames.tsx"

import NailTrimGame from '@/components/minigames/nail-trim-game'
import Header from '@/components/ui/Header'
import { StyleSheet, Text, View } from 'react-native'

export default function MinigameScreen() {
    return (
        <>
            <View style={styles.container}>
                {/* <Text style={styles.title}>Minigame</Text>
                <View style={styles.separator} /> */}
                <NailTrimGame/>
            </View>
        </>
    )
}

Checklist de aceitação do MR

Avalie se o MR está em conformidade com MR acceptance checklist. Isso evita riscos na qualidade, performance, confiabilidade e segurança.