Pretty Panel and Xray settings (#2726)

* chore: refactor `setting-list-item` component

* chore: remove padding

* chore: replace settings list with settings collapse panels

* chore: add missing translations

* chore: fix translation

12 files changed, 120 insertions, 24 deletions

diff --git a/web/translation/translate.en_US.toml b/web/translation/translate.en_US.toml
index 46dc6d3f..e669dcab 100644
--- a/web/translation/translate.en_US.toml
+++ b/web/translation/translate.en_US.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Mux Settings"
 "direct" = "Direct Connection"
 "directDesc" = "Directly establishes connections with domains or IP ranges of a specific country."
-
+"notifications" = "Notifications"
+"certs" = "Certificaties"
+"externalTraffic" = "External Traffic"
+"dateAndTime" = "Date and Time"
+"proxyAndServer" = "Proxy and Server"
+"intervals" = "Intervals"
+"information" = "Information"
+"language" = "Language"
+"telegramBotLanguage" = "Telegram Bot Language"
 
 [pages.xray]
 "title" = "Xray Configs"
@@ -462,7 +470,7 @@
 "poolSize" = "Pool Size"
 
 [pages.settings.security]
-"admin" = "Admin"
+"admin" = "Admin credentials"
 "secret" = "Secret Token"
 "loginSecurity" = "Secure Login"
 "loginSecurityDesc" = "Adds an additional layer of authentication to provide more security."
diff --git a/web/translation/translate.es_ES.toml b/web/translation/translate.es_ES.toml
index 171f0a69..1b57b12e 100644
--- a/web/translation/translate.es_ES.toml
+++ b/web/translation/translate.es_ES.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Configuración Mux"

 "direct" = "Conexión Directa"

 "directDesc" = "Establece conexiones directas con dominios o rangos de IP de un país específico."

-

+"notifications" = "Notificaciones"

+"certs" = "Certificados"

+"externalTraffic" = "Tráfico Externo"

+"dateAndTime" = "Fecha y Hora"

+"proxyAndServer" = "Proxy y Servidor"

+"intervals" = "Intervalos"

+"information" = "Información"

+"language" = "Idioma"

+"telegramBotLanguage" = "Idioma del Bot de Telegram"

 

 [pages.xray]

 "title" = "Xray Configuración"

@@ -462,7 +470,7 @@
 "poolSize" = "Tamaño del grupo"

 

 [pages.settings.security]

-"admin" = "Administrador"

+"admin" = "Credenciales de administrador"

 "secret" = "Token Secreto"

 "loginSecurity" = "Seguridad de Inicio de Sesión"

 "loginSecurityDesc" = "Habilitar un paso adicional de seguridad para el inicio de sesión de usuarios."

diff --git a/web/translation/translate.fa_IR.toml b/web/translation/translate.fa_IR.toml
index ed4f69df..0ddc2f21 100644
--- a/web/translation/translate.fa_IR.toml
+++ b/web/translation/translate.fa_IR.toml
@@ -321,7 +321,15 @@
 "muxSett" = "تنظیمات ماکس"
 "direct" = "اتصال مستقیم"
 "directDesc" = "به طور مستقیم با دامنه ها یا محدوده آی‌پی یک کشور خاص ارتباط برقرار می کند"
-
+"notifications" = "اعلان‌ها"
+"certs" = "گواهی‌ها"
+"externalTraffic" = "ترافیک خارجی"
+"dateAndTime" = "تاریخ و زمان"
+"proxyAndServer" = "پراکسی و سرور"
+"intervals" = "فواصل"
+"information" = "اطلاعات"
+"language" = "زبان"
+"telegramBotLanguage" = "زبان ربات تلگرام"
 
 [pages.xray]
 "title" = "پیکربندی ایکس‌ری"
@@ -462,7 +470,7 @@
 "poolSize" = "اندازه استخر"
 
 [pages.settings.security]
-"admin" = "مدیر"
+"admin" = "اعتبارنامه‌های ادمین"
 "secret" = "توکن مخفی"
 "loginSecurity" = "ورود ایمن"
 "loginSecurityDesc" = "یک لایه اضافی از احراز هویت برای ایجاد امنیت بیشتر اضافه می کند"
diff --git a/web/translation/translate.id_ID.toml b/web/translation/translate.id_ID.toml
index de9c1f64..87936544 100644
--- a/web/translation/translate.id_ID.toml
+++ b/web/translation/translate.id_ID.toml
@@ -320,7 +320,15 @@
 "muxSett" = "Pengaturan Mux"
 "direct" = "Koneksi langsung"
 "directDesc" = "Secara langsung membuat koneksi dengan domain atau rentang IP negara tertentu."
-
+"notifications" = "Notifikasi"
+"certs" = "Sertifikat"
+"externalTraffic" = "Lalu Lintas Eksternal"
+"dateAndTime" = "Tanggal dan Waktu"
+"proxyAndServer" = "Proxy dan Server"
+"intervals" = "Interval"
+"information" = "Informasi"
+"language" = "Bahasa"
+"telegramBotLanguage" = "Bahasa Bot Telegram"
 
 [pages.xray]
 "title" = "Konfigurasi Xray"
@@ -461,7 +469,7 @@
 "poolSize" = "Ukuran Kolam"
 
 [pages.settings.security]
-"admin" = "Admin"
+"admin" = "Kredensial admin"
 "secret" = "Token Rahasia"
 "loginSecurity" = "Login Aman"
 "loginSecurityDesc" = "Menambahkan lapisan otentikasi tambahan untuk memberikan keamanan lebih."
diff --git a/web/translation/translate.ja_JP.toml b/web/translation/translate.ja_JP.toml
index 7e9208fb..4df96947 100644
--- a/web/translation/translate.ja_JP.toml
+++ b/web/translation/translate.ja_JP.toml
@@ -321,7 +321,15 @@
 "muxSett" = "マルチプレクサ設定"
 "direct" = "直接接続"
 "directDesc" = "特定の国のドメインまたはIP範囲に直接接続する"
-
+"notifications" = "通知"
+"certs" = "証明書"
+"externalTraffic" = "外部トラフィック"
+"dateAndTime" = "日付と時刻"
+"proxyAndServer" = "プロキシとサーバー"
+"intervals" = "間隔"
+"information" = "情報"
+"language" = "言語"
+"telegramBotLanguage" = "Telegram Botの言語"
 
 [pages.xray]
 "title" = "Xray 設定"
@@ -462,7 +470,7 @@
 "poolSize" = "プールサイズ"
 
 [pages.settings.security]
-"admin" = "管理者"
+"admin" = "管理者の資格情報"
 "secret" = "セキュリティトークン"
 "loginSecurity" = "ログインセキュリティ"
 "loginSecurityDesc" = "追加の認証を追加してセキュリティを向上させる"
diff --git a/web/translation/translate.pt_BR.toml b/web/translation/translate.pt_BR.toml
index 362a87ed..b5d97c50 100644
--- a/web/translation/translate.pt_BR.toml
+++ b/web/translation/translate.pt_BR.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Configurações de Mux"
 "direct" = "Conexão Direta"
 "directDesc" = "Estabelece conexões diretamente com domínios ou intervalos de IP de um país específico."
-
+"notifications" = "Notificações"
+"certs" = "Certificados"
+"externalTraffic" = "Tráfego Externo"
+"dateAndTime" = "Data e Hora"
+"proxyAndServer" = "Proxy e Servidor"
+"intervals" = "Intervalos"
+"information" = "Informação"
+"language" = "Idioma"
+"telegramBotLanguage" = "Idioma do Bot do Telegram"
 
 [pages.xray]
 "title" = "Configurações Xray"
@@ -462,7 +470,7 @@
 "poolSize" = "Tamanho do Pool"
 
 [pages.settings.security]
-"admin" = "Admin"
+"admin" = "Credenciais de administrador"
 "secret" = "Token Secreto"
 "loginSecurity" = "Login Seguro"
 "loginSecurityDesc" = "Adiciona uma camada extra de autenticação para fornecer mais segurança."
diff --git a/web/translation/translate.ru_RU.toml b/web/translation/translate.ru_RU.toml
index ef423ce0..43af5b4f 100644
--- a/web/translation/translate.ru_RU.toml
+++ b/web/translation/translate.ru_RU.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Mux Настройки"
 "direct" = "Прямая связь"
 "directDesc" = "Устанавливает прямые соединения с доменами или IP-адресами определённой страны."
-
+"notifications" = "Уведомления"
+"certs" = "Сертификаты"
+"externalTraffic" = "Внешний трафик"
+"dateAndTime" = "Дата и время"
+"proxyAndServer" = "Прокси и сервер"
+"intervals" = "Интервалы"
+"information" = "Информация"
+"language" = "Язык"
+"telegramBotLanguage" = "Язык Telegram-бота"
 
 [pages.xray]
 "title" = "Настройки Xray"
@@ -462,7 +470,7 @@
 "poolSize" = "Размер пула"
 
 [pages.settings.security]
-"admin" = "Админ"
+"admin" = "Учетные данные администратора"
 "secret" = "Секретный токен"
 "loginSecurity" = "Безопасность входа"
 "loginSecurityDesc" = "Включить дополнительные меры безопасности входа пользователя"
diff --git a/web/translation/translate.tr_TR.toml b/web/translation/translate.tr_TR.toml
index 3bab97e0..77fb170e 100644
--- a/web/translation/translate.tr_TR.toml
+++ b/web/translation/translate.tr_TR.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Mux Ayarları"
 "direct" = "Doğrudan Bağlantı"
 "directDesc" = "Belirli bir ülkenin alan adları veya IP aralıkları ile doğrudan bağlantı kurar."
-
+"notifications" = "Bildirimler"
+"certs" = "Sertifikalar"
+"externalTraffic" = "Harici Trafik"
+"dateAndTime" = "Tarih ve Saat"
+"proxyAndServer" = "Proxy ve Sunucu"
+"intervals" = "Aralıklar"
+"information" = "Bilgi"
+"language" = "Dil"
+"telegramBotLanguage" = "Telegram Bot Dili"
 
 [pages.xray]
 "title" = "Xray Yapılandırmaları"
@@ -462,7 +470,7 @@
 "poolSize" = "Havuz Boyutu"
 
 [pages.settings.security]
-"admin" = "Yönetici"
+"admin" = "Yönetici kimlik bilgileri"
 "secret" = "Gizli Anahtar"
 "loginSecurity" = "Güvenli Giriş"
 "loginSecurityDesc" = "Daha fazla güvenlik sağlamak için ek bir kimlik doğrulama katmanı ekler."
diff --git a/web/translation/translate.uk_UA.toml b/web/translation/translate.uk_UA.toml
index 05d5c854..01c25cbd 100644
--- a/web/translation/translate.uk_UA.toml
+++ b/web/translation/translate.uk_UA.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Налаштування Mux"
 "direct" = "Пряме підключення"
 "directDesc" = "Безпосередньо встановлює з’єднання з доменами або діапазонами IP певної країни."
-
+"notifications" = "Сповіщення"
+"certs" = "Сертифікати"
+"externalTraffic" = "Зовнішній трафік"
+"dateAndTime" = "Дата та час"
+"proxyAndServer" = "Проксі та сервер"
+"intervals" = "Інтервали"
+"information" = "Інформація"
+"language" = "Мова"
+"telegramBotLanguage" = "Мова Telegram-бота"
 
 [pages.xray]
 "title" = "Xray конфігурації"
@@ -462,7 +470,7 @@
 "poolSize" = "Розмір пулу"
 
 [pages.settings.security]
-"admin" = "Адміністратор"
+"admin" = "Облікові дані адміністратора"
 "secret" = "Секретний маркер"
 "loginSecurity" = "Безпечний вхід"
 "loginSecurityDesc" = "Додає додатковий рівень автентифікації для забезпечення більшої безпеки."
diff --git a/web/translation/translate.vi_VN.toml b/web/translation/translate.vi_VN.toml
index 7e5babaa..c99daee3 100644
--- a/web/translation/translate.vi_VN.toml
+++ b/web/translation/translate.vi_VN.toml
@@ -321,7 +321,15 @@
 "muxSett" = "Mux Cài đặt"

 "direct" = "Kết nối trực tiếp"

 "directDesc" = "Trực tiếp thiết lập kết nối với tên miền hoặc dải IP của một quốc gia cụ thể."

-

+"notifications" = "Thông báo"

+"certs" = "Chứng chỉ"

+"externalTraffic" = "Lưu lượng bên ngoài"

+"dateAndTime" = "Ngày và giờ"

+"proxyAndServer" = "Proxy và máy chủ"

+"intervals" = "Khoảng thời gian"

+"information" = "Thông tin"

+"language" = "Ngôn ngữ"

+"telegramBotLanguage" = "Ngôn ngữ của Bot Telegram"

 

 [pages.xray]

 "title" = "Cài đặt Xray"

@@ -462,7 +470,7 @@
 "poolSize" = "Kích thước bể bơi"

 

 [pages.settings.security]

-"admin" = "Quản trị viên"

+"admin" = "Thông tin đăng nhập quản trị viên"

 "secret" = "Mã thông báo bí mật"

 "loginSecurity" = "Bảo mật đăng nhập"

 "loginSecurityDesc" = "Bật bước bảo mật đăng nhập bổ sung cho người dùng"

diff --git a/web/translation/translate.zh_CN.toml b/web/translation/translate.zh_CN.toml
index 9f094fdf..a364e7de 100644
--- a/web/translation/translate.zh_CN.toml
+++ b/web/translation/translate.zh_CN.toml
@@ -321,7 +321,15 @@
 "muxSett" = "复用器设置"
 "direct" = "直接连接"
 "directDesc" = "直接与特定国家的域或IP范围建立连接"
-
+"notifications" = "通知"
+"certs" = "证书"
+"externalTraffic" = "外部流量"
+"dateAndTime" = "日期和时间"
+"proxyAndServer" = "代理和服务器"
+"intervals" = "间隔"
+"information" = "信息"
+"language" = "语言"
+"telegramBotLanguage" = "Telegram 机器人语言"
 
 [pages.xray]
 "title" = "Xray 配置"
@@ -462,7 +470,7 @@
 "poolSize" = "池大小"
 
 [pages.settings.security]
-"admin" = "管理员"
+"admin" = "管理员凭据"
 "secret" = "安全令牌"
 "loginSecurity" = "登录安全"
 "loginSecurityDesc" = "添加额外的身份验证以提高安全性"
diff --git a/web/translation/translate.zh_TW.toml b/web/translation/translate.zh_TW.toml
index 8796ff21..fdbb2601 100644
--- a/web/translation/translate.zh_TW.toml
+++ b/web/translation/translate.zh_TW.toml
@@ -321,7 +321,15 @@
 "muxSett" = "複用器設定"
 "direct" = "直接連線"
 "directDesc" = "直接與特定國家的域或IP範圍建立連線"
-
+"notifications" = "通知"
+"certs" = "證書"
+"externalTraffic" = "外部流量"
+"dateAndTime" = "日期和時間"
+"proxyAndServer" = "代理和伺服器"
+"intervals" = "間隔"
+"information" = "資訊"
+"language" = "語言"
+"telegramBotLanguage" = "Telegram 機器人語言"
 
 [pages.xray]
 "title" = "Xray 配置"
@@ -462,7 +470,7 @@
 "poolSize" = "池大小"
 
 [pages.settings.security]
-"admin" = "管理員"
+"admin" = "管理員憑證"
 "secret" = "安全令牌"
 "loginSecurity" = "登入安全"
 "loginSecurityDesc" = "新增額外的身份驗證以提高安全性"