Add hint for centering face in profile picture with localized translations (DE, FR)

common/messages/de.json

@@ -99,6 +99,7 @@
   "about.repo.days_ago": "vor {count} Tagen",
   "about.repo.link": "Quellcode lesen →",
   "add_photos.add_description": "Beschreibung hinzufügen",
+  "add_photos.profile_picture_center_face_hint": "achten Sie darauf, dass Ihr Gesicht darauf zentriert ist, da dieses Bild auf Ihrer Profilkarte angezeigt wird",
   "add_photos.profile_picture_hint": "Das hervorgehobene Bild ist Ihr Profilbild",
   "answers.add.error_create": "Fehler beim Erstellen der Kompatibilitätsfrage. Erneut versuchen?",
   "answers.add.submit_own": "schlagen Sie Ihre eigene vor!",

common/messages/fr.json

@@ -99,6 +99,7 @@
   "about.repo.days_ago": "il y a {count} jours",
   "about.repo.link": "Lire le code source →",
   "add_photos.add_description": "Ajouter une description",
+  "add_photos.profile_picture_center_face_hint": "veillez à centrer votre visage sur cette photo, car c'est elle qui apparaît sur votre carte de profil",
   "add_photos.profile_picture_hint": "L'image mise en surbrillance est votre photo de profil",
   "answers.add.error_create": "Erreur lors de la création de la question de compatibilité. Réessayez ?",
   "answers.add.submit_own": "proposez la vôtre !",

web/components/widgets/add-photos.tsx

@@ -160,6 +160,11 @@ export const AddPhotosWidget = (props: {
       {photo_urls?.length ? (
         <span className={'text-ink-500 text-xs italic'}>
           {t('add_photos.profile_picture_hint', 'The highlighted image is your profile picture')}
+          {' — '}
+          {t(
+            'add_photos.profile_picture_center_face_hint',
+            'make sure your face is centered in it, since this is what appears on your profile card',
+          )}
         </span>
       ) : null}
     </Col>