feat: adding translations for new label

src/locales/es/translation.json

@@ -193,6 +193,7 @@
     "download_in_progress": "Descarga en progreso",
     "download_paused": "Descarga pausada",
     "last_downloaded_option": "Última opción de descarga",
+    "new_download_option": "Nuevo",
     "create_steam_shortcut": "Crear atajo de Steam",
     "create_shortcut_success": "Atajo creado con éxito",
     "you_might_need_to_restart_steam": "Probablemente necesités reiniciar Steam para ver cambios",

src/locales/pt-BR/translation.json

@@ -183,6 +183,7 @@
     "download_in_progress": "Download em andamento",
     "download_paused": "Download pausado",
     "last_downloaded_option": "Última opção baixada",
+    "new_download_option": "Novo",
     "create_steam_shortcut": "Criar atalho na Steam",
     "create_shortcut_success": "Atalho criado com sucesso",
     "you_might_need_to_restart_steam": "Você pode precisar reiniciar a Steam para ver as alterações",

src/locales/ru/translation.json

@@ -195,6 +195,7 @@
     "download_in_progress": "Идёт загрузка",
     "download_paused": "Загрузка приостановлена",
     "last_downloaded_option": "Последний вариант загрузки",
+    "new_download_option": "Новый",
     "create_steam_shortcut": "Создать ярлык Steam",
     "create_shortcut_success": "Ярлык создан",
     "you_might_need_to_restart_steam": "Возможно, вам потребуется перезапустить Steam, чтобы увидеть изменения",

src/renderer/src/components/sidebar/sidebar-game-item.tsx

@@ -83,10 +83,7 @@ export function SidebarGameItem({
 
           {(game.newDownloadOptionsCount ?? 0) > 0 && (
             <span className="sidebar__game-badge">
-              <div className="sidebar__game-badge-plus">+</div>
-              <div className="sidebar__game-badge-count">
-                {game.newDownloadOptionsCount}
-              </div>
+              +{game.newDownloadOptionsCount}
             </span>
           )}
         </button>

src/renderer/src/components/sidebar/sidebar.scss

@@ -116,24 +116,18 @@
   }
 
   &__game-badge {
-    background: rgba(255, 255, 255, 0.1);
-    color: #fff;
+    background-color: rgba(34, 197, 94, 0.15);
+    color: rgb(187, 247, 208);
     font-size: 10px;
-    font-weight: bold;
+    font-weight: 600;
     padding: 4px 6px;
     border-radius: 6px;
     display: flex;
     margin-left: auto;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    gap: calc(globals.$spacing-unit * 0.35);
+    border: 1px solid rgba(34, 197, 94, 0.5);
   }
 
-  &__game-badge-plus,
-  &__game-badge-count {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
 
   &__section-header {
     display: flex;

src/renderer/src/pages/game-details/modals/repacks-modal.scss

@@ -57,10 +57,9 @@
   &__new-badge {
     background-color: rgba(34, 197, 94, 0.15);
     color: rgb(187, 247, 208);
-    padding: 2px 6px;
+    padding: 2px 8px;
     border-radius: 6px;
-    font-size: 10px;
-    font-weight: 600;
+    font-size: 9px;
     text-align: center;
     flex-shrink: 0;
     border: 1px solid rgba(34, 197, 94, 0.5);