[feature] Correct translation + adjust qr code color with loght theme

assets/jsons/translations/de.json

@@ -231,7 +231,7 @@
                     "401": "Steam scheint uns BeatSaber nicht herunterladen zu lassen 😢",
                     "404": "Steam-Server können nicht kontaktiert werden.",
                     "Password": "Passwort ist ungültig.",
-                    "InvalidCredentials": "Deine E-Mail oder Passwort ist ungültig 😴",
+                    "InvalidCredentials": "Ungültige Anmeldedaten, nicht genehmigte Verbindung oder zu viele Anmeldeversuche.",
                     "NoManifest": "Es wurde keine Manifest gefunden",
                     "DirectoryCreate": "Die erforderlichen Ordner können nicht installiert werden.",
                     "NotAvailableApp": "Versuchst du, Beat Saber herunterzuladen, wenn Du es nicht hast? 🤣",

assets/jsons/translations/en.json

@@ -231,7 +231,7 @@
                     "401": "Steam doesn't seem to want to let us download Beat Saber 😢",
                     "404": "Unable to contact Steam servers.",
                     "Password": "Password is invalid.",
-                    "InvalidCredentials": "Your e-mail or password is invalid 😴",
+                    "InvalidCredentials": "Invalid login credentials, unapproved connection, or too many login attempts.",
                     "NoManifest": "No manifest was found",
                     "DirectoryCreate": "Unable to install the necessary folders.",
                     "NotAvailableApp": "Are you trying to download Beat Saber when you don't have it? 🤣",

assets/jsons/translations/es.json

@@ -230,7 +230,7 @@
                     "401": "Parece que Steam no quiere dejarnos descargar BeatSaber 😢",
                     "404": "No se puede contactar con los servidores de Steam",
                     "Password": "La contraseña es inválida.",
-                    "InvalidCredentials": "Su correo electrónico o contraseña no son válidos 😴",
+                    "InvalidCredentials": "Credenciales de inicio de sesión inválidas, conexión no aprobada, o demasiados intentos de inicio de sesión.",
                     "NoManifest": "No se ha encontrado el manifiesto",
                     "DirectoryCreate": "No se pueden instalar las carpetas necesarias.",
                     "NotAvailableApp": "¿Intentas descargar BeatSaber cuando no lo tienes? 🤣",

assets/jsons/translations/fr.json

@@ -227,7 +227,7 @@
                     "401": "Steam ne semble pas vouloir nous laisser télécharger Beat Saber 😢",
                     "404": "Impossible de contacter les serveurs de Steam.",
                     "Password": "Le mot de passe est invalide.",
-                    "InvalidCredentials": "Ton e-mail ou mot de passe est invalide 😴",
+                    "InvalidCredentials": "Identifiants de connexion invalides, connexion non approuvée, ou trop de tentatives de connexion.",
                     "NoManifest": "Aucun manifest n'a été trouvé.",
                     "DirectoryCreate": "Impossible d'installer les dossiers nécessaires.",
                     "NotAvailableApp": "Tu essayes de télécharger Beat Saber alors que tu ne l'as pas ? 🤣",

assets/jsons/translations/ru.json

@@ -231,7 +231,7 @@
                     "401": "Похоже Steam не хочет, чтобы мы скачали Beat Saber 😢",
                     "404": "Нет связи с серверами Steam.",
                     "Password": "Неверный пароль.",
-                    "InvalidCredentials": "Ваша почта или пароль неверны 😴",
+                    "InvalidCredentials": "Неверные учетные данные для входа, неразрешенное соединение или слишком много попыток входа.",
                     "NoManifest": "Файл манифеста не найден",
                     "DirectoryCreate": "Не смогли создать нужные папки.",
                     "NotAvailableApp": "Вы пытаетесь скачать Beat Saber, не купив её? 🤣",

src/renderer/components/modal/modal-types/login-modal.component.tsx

@@ -83,9 +83,9 @@ export const LoginModal: ModalComponent<
                 </div>
                 <div className="flex flex-col max-w-[13rem]">
                     <span className="block font-bold cursor-pointer tracking-wide ">{t("modals.steam-login.inputs.qr.label")}</span>   
-                    <div className="w-52 h-52 p-3 bg-white rounded-md max-w-xs mb-1 flex items-center justify-center">
+                    <div className="w-52 h-52 p-3 bg-light-main-color-1 dark:bg-white rounded-md max-w-xs mb-1 flex items-center justify-center">
                         {(qrCodeUrl ? 
-                            <QRCodeSVG className="w-full h-full" value={qrCodeUrl} level="H"/> : 
+                            <QRCodeSVG className="w-full h-full text-light-main-color-1 dark:text-white" value={qrCodeUrl} bgColor="currentColor" level="H"/> : 
                             <BsmBasicSpinner className="w-full h-full p-11 text-neutral-300" />
                         )}
                     </div>

src/renderer/components/shared/bsm-button.component.tsx

@@ -72,7 +72,7 @@ export function BsmButton({ className, style, imgClassName, iconClassName, icon,
     const handleClick = (e: MouseEvent<HTMLDivElement>) => !disabled && onClick?.(e);
 
     return (
-        <div ref={ref} onClick={handleClick} title={t(title)} className={`${className} overflow-hidden cursor-pointer group ${!withBar && !disabled && (!!typeColor || !!color) && "hover:brightness-[1.15]"} ${disabled && "brightness-75 cursor-not-allowed"} ${renderTypeColor}`} style={{ ...style, backgroundColor: primaryColor || color }}>
+        <div ref={ref} onClick={handleClick} title={t(title)} className={`${className} overflow-hidden group ${!withBar && !disabled && (!!typeColor || !!color) && "hover:brightness-[1.15]"} ${disabled ? "brightness-75 cursor-not-allowed" : "cursor-pointer"} ${renderTypeColor}`} style={{ ...style, backgroundColor: primaryColor || color }}>
             {image && <BsmImage image={image} className={imgClassName} />}
             {icon && <BsmIcon icon={icon} className={iconClassName ?? "h-full w-full text-gray-800 dark:text-white"} style={{ color: iconColor || textColor }} />}
             {text &&

src/renderer/services/bs-downloader.service.ts

@@ -172,10 +172,10 @@ export class BsDownloaderService {
         const handledErrors = Object.values(DepotDownloaderErrorEvent);
 
         if(handledErrors.includes(errorEvent?.subType as DepotDownloaderErrorEvent)){
-            return this.notificationService.notifyError({title: "notifications.types.error", desc: `notifications.bs-download.errors.msg.${errorEvent.subType}`});
+            return this.notificationService.notifyError({title: "notifications.types.error", desc: `notifications.bs-download.errors.msg.${errorEvent.subType}`, duration: 10_000});
         }
 
-        return this.notificationService.notifyError({title: "notifications.types.error", desc: `notifications.bs-download.errors.msg.${DepotDownloaderErrorEvent.Unknown}`});
+        return this.notificationService.notifyError({title: "notifications.types.error", desc: `notifications.bs-download.errors.msg.${DepotDownloaderErrorEvent.Unknown}`, duration: 10_000});
     }
 
     private wrapDownload(download$: Observable<DepotDownloaderEvent>, silent?: boolean): Observable<DepotDownloaderEvent> {