Front: Add popup on playview to select mode

front/i18n/Translations.ts

@@ -297,6 +297,8 @@ export const en = {
 	avatar: 'Avatar',
 	changeIt: 'Change It',
 	verified: 'Verified',
+	selectPlayMode: 'Select a play mode',
+	selectPlayModeExplaination: "'Practice' only considers the notes you play, while 'Play' mode also takes rhythm into account."
 };
 
 export const fr: typeof en = {
@@ -599,6 +601,8 @@ export const fr: typeof en = {
 	avatar: 'Avatar',
 	changeIt: 'Modifier',
 	verified: 'Verifié',
+	selectPlayMode: 'Sélectionnez un mode de jeu',
+	selectPlayModeExplaination: "Le mode 'S'entrainer' ne compte que les notes, tandis que le mode 'Jouer' prend en compte à la fois les notes et le rythme."
 };
 
 export const sp: typeof en = {
@@ -907,4 +911,6 @@ export const sp: typeof en = {
 	avatar: 'Avatar',
 	changeIt: 'Cambialo',
 	verified: 'Verified',
+	selectPlayMode: 'Selecciona un modo de juego',
+	selectPlayModeExplaination: "El modo 'práctica' solo cuenta notas, mientras que el modo 'reproducir' tiene en cuenta tanto las notas como el ritmo."
 };

front/i18n/i18n.ts

@@ -33,7 +33,7 @@ export default i18n;
  * @param textKey the key of th text to translate
  * @returns the translated text
  */
-export const translate = (key: keyof typeof en, language?: AvailableLanguages) => {
+export const translate = (key: TranslationKey, language?: AvailableLanguages) => {
 	return i18n.t(key, {
 		lng: language,
 	});