Add pokemon zone

[KABAFATOU]

Thank you for your contribution to the Pokémon Studio repo.

Before submitting this PR into the develop branch, please make sure:

• [X] Your code builds clean without any errors or warnings
• [X] You are following the Code guidelines
• [X] You tested your code to make sure it does what it is supposed to do

Description

Affichage des pokémons de la zone

Note before testing

Tests to perform

[Palbolsky]

Il y a des problèmes avec le style, ça ressemble à ce qu'on veut mais ça manque de finition pour que ça colle parfaitement à Figma :p

Ce qu'il y a actuellement :

Ce qu'on veut plus exactement : See the Design on Figma (A la base il y avait des bordures mais elles ont été retirées suite à une remarque de Walven)

Ne fait pas attention à la primo-resurgence, on a aucun moyen d'avoir l'info.

• Si form = 0, forme de base
• Si form >= 30, Méga évolution
• Sinon Forme X

[NuriYuri]

@Palbolsky Des changements ont été appliqués, tu peux regarder vu que t'as demandé les changements?

[Palbolsky]

@Palbolsky Des changements ont été appliqués, tu peux regarder vu que t'as demandé les changements?

Pour les changements que j'ai demandé c'est bon, par contre il reste encore le style à affiner.

[KABAFATOU]

@Palbolsky, oui je n'ai pas fini de travailler sur le style. je fais cela ce week end

[KABAFATOU]

@Palbolsky, le style a été affiné.

[Palbolsky]

@KABAFATOU Malheureusement ce n'est pas bon si on a moins de 4 éléments sur la ligne. Ca donne ça :

En utilisant une grid ça fonctionnera beaucoup mieux, essaye avec ça :

const PokemonZoneListGrid = styled.div`
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 16px;

  @media ${({ theme }) => theme.breakpoints.dataBox422} {
    grid-template-columns: 1fr 1fr;
  }
`;