Para a gente fazer a utilização das informações do produto, a gente precisa passar o produto através da navegação

Primeiro vamos mudar a rota, nós vamos passar para dentro de produto, o próprio produto, ou seja, vamos passar a entidade que temos para ele

// ... Outros códigos

Product: Product;

// ... Outros códigos

Só que, vamos excluir os products que temos aqui (vindos de screens/AllCategories) e usar o importado de entities

Agora, você pode ver que dentro do handle a navegação já está comprometida, com o sublinhado vermelho. Vamos passar o produto agora para lá

const ProductCard = ({ data }: DataProps) => {
  const navigation = useNavigation<PropsStack>();

  const handleNavProduct = (data: Product) => {
    navigation.navigate("Product", {
      ...data,
    });
  };

  return (
    <Container
      activeOpacity={0.85}
      onPress={() => {
        handleNavProduct(data);
      }}
    >

Agora a gente pode ir lá dentro de product para poder pegar essas informações de dentro da rota

type Props = NativeStackScreenProps<PropsNavigationStack, "Product">;

const Product = ({ route }: Props) => {
  console.log(route);

Agora a gente tem ao entrar no Product e ver o console para verificar se está tudo certo

Perfeito, com todas as infos vindo, precisamos apenas colocar elas em prática