Pix 15834 display popup for smarphones and vertical tablets

[rouxxi]

🎄 Problème

Certains élèves utilisent leur tablette en orientation portrait alors que l'affichage de Pix Junior est optimisé pour une orientation paysage.
Pix Junior est également accessible avec smartphone alors que l'application n'est pas utilisable avec ce type d'écran.

🎁 Proposition

Afficher une popup pour d'avertissement indiquant que l'affichage optimal est en paysage lorsque l'élève utilise Pix Junior en portrait sur une tablette.
Afficher une page fixe indiquant que Pix Junior n'est pas destiné aux smartphones.

🧦 Remarques

Pour que la popup ne s'affiche pas constamment, celle-ci ne s'affiche qu'une fois par session d'un même élève.

🎅 Pour tester

Accéder à Pix Junior avec un smartphone -> une page fixe indique que Pix Junior n'est pas destiné aux smartphones. Un lien vers la page Pix site dédiée est présent dans la page.

Accéder à Pix Junior avec une tablette en mode portrait -> une popup s'affiche.

• Elle peut être fermée et elle n'est pas ré-affichée tout au long de la session de l'utilisateur.
• Elle disparait si l'on tourne la tablette et elle n'est pas ré-affichée tout au long de la session de l'utilisateur. Quand un nouvel utilisateur s'identifie et positionne sa tablette en portrait, la popup se ré-affiche.

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger

[pierrepougetpix]

PR vallidée niveau design mais avec un bug sur iPhone où l'illustration du robot ne s'affiche pas