fix: allow CSS targeting of the "NUMBER pages left in chapter" label via <Trans> component (#3368)

* Allow users to change the "remaining pages" label

Makes the remaining page number and the label text that comes with it targetable with CSS.
Solves https://github.com/readest/readest/issues/3343.

* Fixed formatting

apps/readest-app/public/locales/ar/translation.json

@@ -346,12 +346,12 @@
   "Fit": "ملاءمة",
   "Reset {{settings}}": "إعادة تعيين {{settings}}",
   "Reset Settings": "إعادة تعيين الإعدادات",
-  "{{count}} pages left in chapter_zero": "لم يتبق أي صفحات في هذا الفصل",
-  "{{count}} pages left in chapter_one": "تبقّت صفحة واحدة في هذا الفصل",
-  "{{count}} pages left in chapter_two": "تبقّت صفحتان في هذا الفصل",
-  "{{count}} pages left in chapter_few": "تبقّت {{count}} صفحات في هذا الفصل",
-  "{{count}} pages left in chapter_many": "تبقّت {{count}} صفحة في هذا الفصل",
-  "{{count}} pages left in chapter_other": "تبقّى {{count}} صفحة في هذا الفصل",
+  "{{count}} pages left in chapter_zero": "<1>لم يتبق أي صفحات في هذا الفصل</1>",
+  "{{count}} pages left in chapter_one": "<1>تبقّت صفحة واحدة في هذا الفصل</1>",
+  "{{count}} pages left in chapter_two": "<1>تبقّت صفحتان في هذا الفصل</1>",
+  "{{count}} pages left in chapter_few": "<1>تبقّت </1><0>{{count}}</0><1> صفحات في هذا الفصل</1>",
+  "{{count}} pages left in chapter_many": "<1>تبقّت </1><0>{{count}}</0><1> صفحة في هذا الفصل</1>",
+  "{{count}} pages left in chapter_other": "<1>تبقّى </1><0>{{count}}</0><1> صفحة في هذا الفصل</1>",
   "Show Remaining Pages": "عرض الصفحات المتبقية",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -615,7 +615,7 @@
   "Size": "حجم",
   "Cover": "غطاء",
   "Contain": "احتواء",
-  "{{number}} pages left in chapter": "تبقّت {{number}} صفحات في هذا الفصل",
+  "{{number}} pages left in chapter": "<1>تبقّت </1><0>{{number}}</0><1> صفحات في هذا الفصل</1>",
   "Device": "الجهاز",
   "E-Ink Mode": "وضع الحبر الإلكتروني",
   "Highlight Colors": "ألوان التمييز",

apps/readest-app/public/locales/bn/translation.json

@@ -186,8 +186,8 @@
   "Add your notes here...": "এখানে আপনার নোট যোগ করুন...",
   "Search notes and excerpts...": "নোট ও উদ্ধৃতি খুঁজুন...",
   "{{time}} min left in chapter": "অধ্যায়ে {{time}} মিনিট বাকি",
-  "{{count}} pages left in chapter_one": "অধ্যায়ে ১ পৃষ্ঠা বাকি",
-  "{{count}} pages left in chapter_other": "অধ্যায়ে {{count}} পৃষ্ঠা বাকি",
+  "{{count}} pages left in chapter_one": "<1>অধ্যায়ে ১ পৃষ্ঠা বাকি</1>",
+  "{{count}} pages left in chapter_other": "<1>অধ্যায়ে </1><0>{{count}}</0><1> পৃষ্ঠা বাকি</1>",
   "Theme Mode": "থিম মোড",
   "Invert Image In Dark Mode": "ডার্ক মোডে ছবি উল্টান",
   "Override Book Color": "বইয়ের রঙ পরিবর্তন",
@@ -599,7 +599,7 @@
   "Size": "আকার",
   "Cover": "ঢাকা",
   "Contain": "ধারণ",
-  "{{number}} pages left in chapter": "অধ্যায়ে {{number}} পৃষ্ঠা বাকি",
+  "{{number}} pages left in chapter": "<1>অধ্যায়ে </1><0>{{number}}</0><1> পৃষ্ঠা বাকি</1>",
   "Device": "যন্ত্র",
   "E-Ink Mode": "ই-ইঙ্ক মোড",
   "Highlight Colors": "হাইলাইট রঙ",

apps/readest-app/public/locales/bo/translation.json

@@ -331,7 +331,7 @@
   "Fit": "མཐུན་སྒྲིག",
   "Reset {{settings}}": "{{settings}} བསྐྱར་སྒྲིག",
   "Reset Settings": "སྒྲིག་བཀོད་བསྐྱར་སྒྲིག",
-  "{{count}} pages left in chapter_other": "ལེའུ་འདིར་ད་དུང་ {{count}} ཤོག་ལྷེ་ལྷག་ཡོད།",
+  "{{count}} pages left in chapter_other": "<1>ལེའུ་འདིར་ད་དུང་ </1><0>{{count}}</0><1> ཤོག་ལྷེ་ལྷག་ཡོད།</1>",
   "Show Remaining Pages": "ལྷག་མའི་ཤོག་ལྷེའི་གྲངས་ཀ་མངོན་པ།",
   "Source Han Serif CN": "སི་ཡོན་སུང་ཐི།",
   "Huiwen-MinchoGBK": "ཧུའེ་ཝུན་མིང་ཁྲའོ་ཐི།",
@@ -595,7 +595,7 @@
   "Size": "ཨང་",
   "Cover": "དེབ་གྱི་སྤྱོད་བྱས་མ་ཐུབ།",
   "Contain": "འབྱོར་བ།",
-  "{{number}} pages left in chapter": "དོན་ཚན་ནང་ཤོག་ཨང་ {{number}} ལོག་གི་འདུག།",
+  "{{number}} pages left in chapter": "<1>དོན་ཚན་ནང་ཤོག་ཨང་ </1><0>{{number}}</0><1> ལོག་གི་འདུག།</1>",
   "Device": "རྐྱབ་སྐོར",
   "E-Ink Mode": "ཡིག་སྒྱུར་སྤོ་བ",
   "Highlight Colors": "མདོག་ཚད་ཀྱི་བསྡུར་བ།",

apps/readest-app/public/locales/de/translation.json

@@ -334,8 +334,8 @@
   "Fit": "Anpassen",
   "Reset {{settings}}": "{{settings}} zurücksetzen",
   "Reset Settings": "Einstellungen zurücksetzen",
-  "{{count}} pages left in chapter_one": "{{count}} Seite verbleibend im Kapitel",
-  "{{count}} pages left in chapter_other": "{{count}} Seiten verbleibend im Kapitel",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> Seite verbleibend im Kapitel</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> Seiten verbleibend im Kapitel</1>",
   "Show Remaining Pages": "Verbleibende Seiten anzeigen",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -599,7 +599,7 @@
   "Size": "Größe",
   "Cover": "Cover",
   "Contain": "Inhalt",
-  "{{number}} pages left in chapter": "{{number}} Seiten verbleibend im Kapitel",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> Seiten verbleibend im Kapitel</1>",
   "Device": "Gerät",
   "E-Ink Mode": "E-Ink-Modus",
   "Highlight Colors": "Hervorhebungsfarben",

apps/readest-app/public/locales/el/translation.json

@@ -335,8 +335,8 @@
   "Fit": "Προσαρμογή",
   "Reset {{settings}}": "Επαναφορά {{settings}}",
   "Reset Settings": "Επαναφορά ρυθμίσεων",
-  "{{count}} pages left in chapter_one": "Μένει {{count}} σελίδα",
-  "{{count}} pages left in chapter_other": "Μένουν {{count}} σελίδες",
+  "{{count}} pages left in chapter_one": "<1>Μένει </1><0>{{count}}</0><1> σελίδα</1>",
+  "{{count}} pages left in chapter_other": "<1>Μένουν </1><0>{{count}}</0><1> σελίδες</1>",
   "Show Remaining Pages": "Εμφάνιση υπολοίπων",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -599,7 +599,7 @@
   "Size": "Μέγεθος",
   "Cover": "Εξώφυλλο",
   "Contain": "Περιέχει",
-  "{{number}} pages left in chapter": "Μένουν {{number}} σελίδες στο κεφάλαιο",
+  "{{number}} pages left in chapter": "<1>Μένουν </1><0>{{number}}</0><1> σελίδες στο κεφάλαιο</1>",
   "Device": "Συσκευή",
   "E-Ink Mode": "Λειτουργία E-Ink",
   "Highlight Colors": "Χρώματα επισήμανσης",

apps/readest-app/public/locales/en/translation.json

@@ -8,8 +8,8 @@
   "Are you sure to delete {{count}} selected book(s)?_other": "Are you sure to delete {{count}} selected books?",
   "Search in {{count}} Book(s)..._one": "Search in {{count}} book...",
   "Search in {{count}} Book(s)..._other": "Search in {{count}} books...",
-  "{{count}} pages left in chapter_one": "{{count}} page left in chapter",
-  "{{count}} pages left in chapter_other": "{{count}} pages left in chapter",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> page left in chapter</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> pages left in chapter</1>",
   "Deleted {{count}} file(s)_one": "Deleted {{count}} file",
   "Deleted {{count}} file(s)_other": "Deleted {{count}} files",
   "Failed to delete {{count}} file(s)_one": "Failed to delete {{count}} file",

apps/readest-app/public/locales/es/translation.json

@@ -365,9 +365,9 @@
   "Fit": "Encajar",
   "Reset {{settings}}": "Restablecer {{settings}}",
   "Reset Settings": "Restablecer configuración",
-  "{{count}} pages left in chapter_one": "{{count}} página restante en el capítulo",
-  "{{count}} pages left in chapter_many": "{{count}} páginas restantes en el capítulo",
-  "{{count}} pages left in chapter_other": "{{count}} páginas restantes en el capítulo",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> página restante en el capítulo</1>",
+  "{{count}} pages left in chapter_many": "<0>{{count}}</0><1> páginas restantes en el capítulo</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> páginas restantes en el capítulo</1>",
   "Show Remaining Pages": "Mostrar resto",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -603,7 +603,7 @@
   "Size": "Tamaño",
   "Cover": "Cubierta",
   "Contain": "Contener",
-  "{{number}} pages left in chapter": "{{number}} páginas restantes en el capítulo",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> páginas restantes en el capítulo</1>",
   "Device": "Dispositivo",
   "E-Ink Mode": "Modo E-Ink",
   "Highlight Colors": "Colores de resaltado",

apps/readest-app/public/locales/fa/translation.json

@@ -334,8 +334,8 @@
   "Fit": "متناسب",
   "Reset {{settings}}": "بازنشانی {{settings}}",
   "Reset Settings": "بازنشانی تنظیمات",
-  "{{count}} pages left in chapter_one": "{{count}} صفحه تا انتهای فصل",
-  "{{count}} pages left in chapter_other": "{{count}} صفحه تا انتهای فصل",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> صفحه تا انتهای فصل</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> صفحه تا انتهای فصل</1>",
   "Show Remaining Pages": "نمایش صفحات باقی‌مانده",
   "Source Han Serif CN": "Source Han Serif CN",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -599,7 +599,7 @@
   "Size": "اندازه",
   "Cover": "جلد",
   "Contain": "شامل",
-  "{{number}} pages left in chapter": "{{number}} صفحه تا انتهای فصل",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> صفحه تا انتهای فصل</1>",
   "Device": "دستگاه",
   "E-Ink Mode": "حالت E-Ink",
   "Highlight Colors": "رنگ‌های هایلایت",

apps/readest-app/public/locales/fr/translation.json

@@ -337,9 +337,9 @@
   "Fit": "Adapter",
   "Reset {{settings}}": "Réinitialiser {{settings}}",
   "Reset Settings": "Réinitialiser les paramètres",
-  "{{count}} pages left in chapter_one": "{{count}} page restant dans le chapitre",
-  "{{count}} pages left in chapter_many": "{{count}} pages restantes dans le chapitre",
-  "{{count}} pages left in chapter_other": "{{count}} pages restantes dans le chapitre",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> page restant dans le chapitre</1>",
+  "{{count}} pages left in chapter_many": "<0>{{count}}</0><1> pages restantes dans le chapitre</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> pages restantes dans le chapitre</1>",
   "Show Remaining Pages": "Voir restantes",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -603,7 +603,7 @@
   "Size": "Taille",
   "Cover": "Couverture",
   "Contain": "Contenir",
-  "{{number}} pages left in chapter": "{{number}} pages restantes dans le chapitre",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> pages restantes dans le chapitre</1>",
   "Device": "Appareil",
   "E-Ink Mode": "Mode E-Ink",
   "Highlight Colors": "Couleurs de Surlignage",

apps/readest-app/public/locales/he/translation.json

@@ -465,10 +465,10 @@
   "Next Paragraph": "פסקה הבאה",
   "Exit Paragraph Mode": "צא ממצב פסקה",
   "{{time}} min left in chapter": "נותרו {{time}} דקות בפרק",
-  "{{number}} pages left in chapter": "נותרו {{number}} דפים בפרק",
-  "{{count}} pages left in chapter_one": "נותר דף אחד בפרק",
-  "{{count}} pages left in chapter_two": "נותרו {{count}} דפים בפרק",
-  "{{count}} pages left in chapter_other": "נותרו {{count}} דפים בפרק",
+  "{{number}} pages left in chapter": "<1>נותרו </1><0>{{number}}</0><1> דפים בפרק</1>",
+  "{{count}} pages left in chapter_one": "<1>נותר דף אחד בפרק</1>",
+  "{{count}} pages left in chapter_two": "<1>נותרו </1><0>{{count}}</0><1> דפים בפרק</1>",
+  "{{count}} pages left in chapter_other": "<1>נותרו </1><0>{{count}}</0><1> דפים בפרק</1>",
   "On {{current}} of {{total}} page": "בדף {{current}} מתוך {{total}}",
   "Selection": "בחירה",
   "Book": "ספר",

apps/readest-app/public/locales/hi/translation.json

@@ -335,8 +335,8 @@
   "Fit": "फिट",
   "Reset {{settings}}": "रीसेट {{settings}}",
   "Reset Settings": "सेटिंग्स रीसेट करें",
-  "{{count}} pages left in chapter_one": "इस अध्याय में {{count}} पृष्ठ शेष हैं",
-  "{{count}} pages left in chapter_other": "इस अध्याय में {{count}} पृष्ठ शेष हैं",
+  "{{count}} pages left in chapter_one": "<1>इस अध्याय में </1><0>{{count}}</0><1> पृष्ठ शेष हैं</1>",
+  "{{count}} pages left in chapter_other": "<1>इस अध्याय में </1><0>{{count}}</0><1> पृष्ठ शेष हैं</1>",
   "Show Remaining Pages": "शेष पृष्ठ दिखाएँ",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -599,7 +599,7 @@
   "Size": "आकार",
   "Cover": "कवर",
   "Contain": "समाहित करें",
-  "{{number}} pages left in chapter": "इस अध्याय में {{number}} पृष्ठ शेष हैं",
+  "{{number}} pages left in chapter": "<1>इस अध्याय में </1><0>{{number}}</0><1> पृष्ठ शेष हैं</1>",
   "Device": "डिवाइस",
   "E-Ink Mode": "ई-इंक मोड",
   "Highlight Colors": "हाइलाइट रंग",

apps/readest-app/public/locales/id/translation.json

@@ -332,7 +332,7 @@
   "Fit": "Pas",
   "Reset {{settings}}": "Atur Ulang {{settings}}",
   "Reset Settings": "Atur Ulang Pengaturan",
-  "{{count}} pages left in chapter_other": "{{count}} halaman tersisa di bab ini",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> halaman tersisa di bab ini</1>",
   "Show Remaining Pages": "Tampilkan halaman tersisa",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -595,7 +595,7 @@
   "Size": "Ukuran",
   "Cover": "Sampul",
   "Contain": "Mengandung",
-  "{{number}} pages left in chapter": "{{number}} halaman tersisa di bab",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> halaman tersisa di bab</1>",
   "Device": "Perangkat",
   "E-Ink Mode": "Mode E-Ink",
   "Highlight Colors": "Warna Sorotan",

apps/readest-app/public/locales/it/translation.json

@@ -338,9 +338,9 @@
   "Fit": "Adatta",
   "Reset {{settings}}": "Reimposta {{settings}}",
   "Reset Settings": "Reimposta impostazioni",
-  "{{count}} pages left in chapter_one": "{{count}} pagina rimasta nel capitolo",
-  "{{count}} pages left in chapter_many": "{{count}} pagine rimaste nel capitolo",
-  "{{count}} pages left in chapter_other": "{{count}} pagine rimaste nel capitolo",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> pagina rimasta nel capitolo</1>",
+  "{{count}} pages left in chapter_many": "<0>{{count}}</0><1> pagine rimaste nel capitolo</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> pagine rimaste nel capitolo</1>",
   "Show Remaining Pages": "Mostra pagine rimanenti",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -603,7 +603,7 @@
   "Size": "Dimensione",
   "Cover": "Copertura",
   "Contain": "Contenere",
-  "{{number}} pages left in chapter": "{{number}} pagine rimaste nel capitolo",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> pagine rimaste nel capitolo</1>",
   "Device": "Dispositivo",
   "E-Ink Mode": "Modalità E-Ink",
   "Highlight Colors": "Colori Evidenziazione",

apps/readest-app/public/locales/ja/translation.json

@@ -332,7 +332,7 @@
   "Fit": "フィット",
   "Reset {{settings}}": "{{settings}}をリセット",
   "Reset Settings": "設定をリセット",
-  "{{count}} pages left in chapter_other": "{{count}} ページ残り",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> ページ残り</1>",
   "Show Remaining Pages": "残りを表示",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -595,7 +595,7 @@
   "Size": "サイズ",
   "Cover": "カバー",
   "Contain": "含む",
-  "{{number}} pages left in chapter": "章に{{number}}ページ残り",
+  "{{number}} pages left in chapter": "<1>章に</1><0>{{number}}</0><1>ページ残り</1>",
   "Device": "デバイス",
   "E-Ink Mode": "E-Inkモード",
   "Highlight Colors": "ハイライトカラー",

apps/readest-app/public/locales/ko/translation.json

@@ -332,7 +332,7 @@
   "Fit": "맞춤",
   "Reset {{settings}}": "{{settings}} 재설정",
   "Reset Settings": "설정 재설정",
-  "{{count}} pages left in chapter_other": "남은 페이지 {{count}}장",
+  "{{count}} pages left in chapter_other": "<1>남은 페이지 </1><0>{{count}}</0><1>장</1>",
   "Show Remaining Pages": "남은 페이지 보기",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -595,7 +595,7 @@
   "Size": "크기",
   "Cover": "표지",
   "Contain": "포함",
-  "{{number}} pages left in chapter": "남은 페이지 {{number}}장",
+  "{{number}} pages left in chapter": "<1>남은 페이지 </1><0>{{number}}</0><1>장</1>",
   "Device": "장치",
   "E-Ink Mode": "E-Ink 모드",
   "Highlight Colors": "하이라이트 색상",

apps/readest-app/public/locales/ms/translation.json

@@ -248,8 +248,8 @@
   "Add your notes here...": "Tambah nota anda di sini...",
   "Search notes and excerpts...": "Cari nota dan petikan...",
   "{{time}} min left in chapter": "{{time}} min lagi dalam bab",
-  "{{number}} pages left in chapter": "{{number}} halaman lagi dalam bab",
-  "{{count}} pages left in chapter_other": "{{count}} halaman lagi dalam bab",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> halaman lagi dalam bab</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> halaman lagi dalam bab</1>",
   "On {{current}} of {{total}} page": "Di halaman {{current}} daripada {{total}}",
   "Unable to open book": "Tidak dapat membuka buku",
   "Section Title": "Tajuk Seksyen",

apps/readest-app/public/locales/nl/translation.json

@@ -335,8 +335,8 @@
   "Fit": "Passend maken",
   "Reset {{settings}}": "Reset {{settings}}",
   "Reset Settings": "Instellingen resetten",
-  "{{count}} pages left in chapter_one": "Nog {{count}} pagina in hoofdstuk",
-  "{{count}} pages left in chapter_other": "Nog {{count}} pagina’s in hoofdstuk",
+  "{{count}} pages left in chapter_one": "<1>Nog </1><0>{{count}}</0><1> pagina in hoofdstuk</1>",
+  "{{count}} pages left in chapter_other": "<1>Nog </1><0>{{count}}</0><1> pagina’s in hoofdstuk</1>",
   "Show Remaining Pages": "Toon resterende pagina’s",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -599,7 +599,7 @@
   "Size": "Grootte",
   "Cover": "Omslag",
   "Contain": "Bevatten",
-  "{{number}} pages left in chapter": "Nog {{number}} pagina’s in hoofdstuk",
+  "{{number}} pages left in chapter": "<1>Nog </1><0>{{number}}</0><1> pagina’s in hoofdstuk</1>",
   "Device": "Apparaat",
   "E-Ink Mode": "E-Ink Modus",
   "Highlight Colors": "Markeerkleuren",

apps/readest-app/public/locales/pl/translation.json

@@ -341,10 +341,10 @@
   "Fit": "Pasuje",
   "Reset {{settings}}": "Zresetuj {{settings}}",
   "Reset Settings": "Zresetuj ustawienia",
-  "{{count}} pages left in chapter_one": "Pozostała {{count}} strona w rozdziale",
-  "{{count}} pages left in chapter_few": "Pozostały {{count}} strony w rozdziale",
-  "{{count}} pages left in chapter_many": "Pozostało {{count}} stron w rozdziale",
-  "{{count}} pages left in chapter_other": "Pozostało {{count}} stron w rozdziale",
+  "{{count}} pages left in chapter_one": "<1>Pozostała </1><0>{{count}}</0><1> strona w rozdziale</1>",
+  "{{count}} pages left in chapter_few": "<1>Pozostały </1><0>{{count}}</0><1> strony w rozdziale</1>",
+  "{{count}} pages left in chapter_many": "<1>Pozostało </1><0>{{count}}</0><1> stron w rozdziale</1>",
+  "{{count}} pages left in chapter_other": "<1>Pozostało </1><0>{{count}}</0><1> stron w rozdziale</1>",
   "Show Remaining Pages": "Pokaż pozostałe strony",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -607,7 +607,7 @@
   "Size": "Rozmiar",
   "Cover": "Okładka",
   "Contain": "Zawierać",
-  "{{number}} pages left in chapter": "Pozostało {{number}} stron w rozdziale",
+  "{{number}} pages left in chapter": "<1>Pozostało </1><0>{{number}}</0><1> stron w rozdziale</1>",
   "Device": "Urządzenie",
   "E-Ink Mode": "Tryb E-Ink",
   "Highlight Colors": "Kolory wyróżnień",

apps/readest-app/public/locales/pt/translation.json

@@ -338,9 +338,9 @@
   "Fit": "Encaixar",
   "Reset {{settings}}": "Redefinir {{settings}}",
   "Reset Settings": "Redefinir Configurações",
-  "{{count}} pages left in chapter_one": "Falta {{count}} página neste capítulo",
-  "{{count}} pages left in chapter_many": "Faltam {{count}} páginas neste capítulo",
-  "{{count}} pages left in chapter_other": "Faltam {{count}} páginas neste capítulo",
+  "{{count}} pages left in chapter_one": "<1>Falta </1><0>{{count}}</0><1> página neste capítulo</1>",
+  "{{count}} pages left in chapter_many": "<1>Faltam </1><0>{{count}}</0><1> páginas neste capítulo</1>",
+  "{{count}} pages left in chapter_other": "<1>Faltam </1><0>{{count}}</0><1> páginas neste capítulo</1>",
   "Show Remaining Pages": "Mostrar páginas restantes",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -603,7 +603,7 @@
   "Size": "Tamanho",
   "Cover": "Capa",
   "Contain": "Contém",
-  "{{number}} pages left in chapter": "Faltam {{number}} páginas neste capítulo",
+  "{{number}} pages left in chapter": "<1>Faltam </1><0>{{number}}</0><1> páginas neste capítulo</1>",
   "Device": "Dispositivo",
   "E-Ink Mode": "Modo E-Ink",
   "Highlight Colors": "Cores de Destaque",

apps/readest-app/public/locales/ru/translation.json

@@ -341,10 +341,10 @@
   "Fit": "Подогнать",
   "Reset {{settings}}": "Сбросить {{settings}}",
   "Reset Settings": "Сбросить настройки",
-  "{{count}} pages left in chapter_one": "Осталась {{count}} страница в главе",
-  "{{count}} pages left in chapter_few": "Осталось {{count}} страницы в главе",
-  "{{count}} pages left in chapter_many": "Осталось {{count}} страниц в главе",
-  "{{count}} pages left in chapter_other": "Осталось {{count}} страниц в главе",
+  "{{count}} pages left in chapter_one": "<1>Осталась </1><0>{{count}}</0><1> страница в главе</1>",
+  "{{count}} pages left in chapter_few": "<1>Осталось </1><0>{{count}}</0><1> страницы в главе</1>",
+  "{{count}} pages left in chapter_many": "<1>Осталось </1><0>{{count}}</0><1> страниц в главе</1>",
+  "{{count}} pages left in chapter_other": "<1>Осталось </1><0>{{count}}</0><1> страниц в главе</1>",
   "Show Remaining Pages": "Показать оставшиеся страницы",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -607,7 +607,7 @@
   "Size": "Размер",
   "Cover": "Обложка",
   "Contain": "Содержать",
-  "{{number}} pages left in chapter": "Осталось {{number}} страниц в главе",
+  "{{number}} pages left in chapter": "<1>Осталось </1><0>{{number}}</0><1> страниц в главе</1>",
   "Device": "Устройство",
   "E-Ink Mode": "E-Ink режим",
   "Highlight Colors": "Цвета выделения",

apps/readest-app/public/locales/si/translation.json

@@ -186,8 +186,8 @@
   "Add your notes here...": "මෙහි ඔබේ සටහන් එක් කරන්න...",
   "Search notes and excerpts...": "සටහන් සහ උදාහරණ සොයන්න...",
   "{{time}} min left in chapter": "පරිච්ඡේදයේ මිනිත්තු {{time}} ක් ඉතිරි",
-  "{{count}} pages left in chapter_one": "පරිච්ඡේදයේ පිටුව 1 ක් ඉතිරි",
-  "{{count}} pages left in chapter_other": "පරිච්ඡේදයේ පිටු {{count}} ක් ඉතිරි",
+  "{{count}} pages left in chapter_one": "<1>පරිච්ඡේදයේ පිටුව 1 ක් ඉතිරි</1>",
+  "{{count}} pages left in chapter_other": "<1>පරිච්ඡේදයේ පිටු </1><0>{{count}}</0><1> ක් ඉතිරි</1>",
   "Theme Mode": "තේමා ආකාරය",
   "Invert Image In Dark Mode": "අඳුරු ආකාරයේදී රූපය පරිවර්තනය කරන්න",
   "Override Book Color": "පොතේ වර්ණය අභිබවන්න",
@@ -599,7 +599,7 @@
   "Size": "ප්‍රමාණය",
   "Cover": "ආවරණය",
   "Contain": "අඩංගු වන්න",
-  "{{number}} pages left in chapter": "පරිච්ඡේදයේ පිටු {{number}} ඉතිරිව ඇත",
+  "{{number}} pages left in chapter": "<1>පරිච්ඡේදයේ පිටු </1><0>{{number}}</0><1> ඉතිරිව ඇත</1>",
   "Device": "උපකරණය",
   "E-Ink Mode": "E-Ink ආකාරය",
   "Highlight Colors": "ඉස්මතු වර්ණ",

apps/readest-app/public/locales/sv/translation.json

@@ -234,8 +234,8 @@
   "Add your notes here...": "Lägg till dina anteckningar här...",
   "Search notes and excerpts...": "Sök anteckningar och utdrag...",
   "{{time}} min left in chapter": "{{time}} min kvar i kapitlet",
-  "{{count}} pages left in chapter_one": "{{count}} sida kvar i kapitlet",
-  "{{count}} pages left in chapter_other": "{{count}} sidor kvar i kapitlet",
+  "{{count}} pages left in chapter_one": "<0>{{count}}</0><1> sida kvar i kapitlet</1>",
+  "{{count}} pages left in chapter_other": "<0>{{count}}</0><1> sidor kvar i kapitlet</1>",
   "On {{current}} of {{total}} page": "På {{current}} av {{total}} sidor",
   "Section Title": "Sektionstitel",
   "More Info": "Mer info",
@@ -599,7 +599,7 @@
   "Size": "Storlek",
   "Cover": "Omslag",
   "Contain": "Innehålla",
-  "{{number}} pages left in chapter": "{{number}} sidor kvar i kapitlet",
+  "{{number}} pages left in chapter": "<0>{{number}}</0><1> sidor kvar i kapitlet</1>",
   "Device": "Enhet",
   "E-Ink Mode": "E-Ink-läge",
   "Highlight Colors": "Markeringsfärger",

apps/readest-app/public/locales/ta/translation.json

@@ -186,8 +186,8 @@
   "Add your notes here...": "உங்கள் குறிப்புகளை இங்கே சேர்க்கவும்...",
   "Search notes and excerpts...": "குறிப்புகள் மற்றும் உதாரணங்களைத் தேடவும்...",
   "{{time}} min left in chapter": "அத்தியாயத்தில் {{time}} நிமிடங்கள் மீதமுள்ளன",
-  "{{count}} pages left in chapter_one": "அத்தியாயத்தில் 1 பக்கம் மீதமுள்ளது",
-  "{{count}} pages left in chapter_other": "அத்தியாயத்தில் {{count}} பக்கங்கள் மீதமுள்ளன",
+  "{{count}} pages left in chapter_one": "<1>அத்தியாயத்தில் 1 பக்கம் மீதமுள்ளது</1>",
+  "{{count}} pages left in chapter_other": "<1>அத்தியாயத்தில் </1><0>{{count}}</0><1> பக்கங்கள் மீதமுள்ளன</1>",
   "Theme Mode": "தீம் பயன்முறை",
   "Invert Image In Dark Mode": "இருட்டு பயன்முறையில் படத்தை தலைகீழாக மாற்றவும்",
   "Override Book Color": "புத்தக நிறத்தை மேலெழுதவும்",
@@ -599,7 +599,7 @@
   "Size": "அளவு",
   "Cover": "மூடு",
   "Contain": "அடங்கும்",
-  "{{number}} pages left in chapter": "அத்தியாயத்தில் {{number}} பக்கங்கள் மீதமுள்ளன",
+  "{{number}} pages left in chapter": "<1>அத்தியாயத்தில் </1><0>{{number}}</0><1> பக்கங்கள் மீதமுள்ளன</1>",
   "Device": "சாதனம்",
   "E-Ink Mode": "E-Ink முறை",
   "Highlight Colors": "முத்திரை நிறங்கள்",

apps/readest-app/public/locales/th/translation.json

@@ -153,7 +153,7 @@
   "Add your notes here...": "เพิ่มบันทึกที่นี่...",
   "Search notes and excerpts...": "ค้นหาบันทึกและข้อความ...",
   "{{time}} min left in chapter": "เหลือ {{time}} นาทีในบท",
-  "{{count}} pages left in chapter_other": "เหลือ {{count}} หน้าในบท",
+  "{{count}} pages left in chapter_other": "<1>เหลือ </1><0>{{count}}</0><1> หน้าในบท</1>",
   "Theme Mode": "โหมดธีม",
   "Invert Image In Dark Mode": "กลับสีรูปในโหมดมืด",
   "Override Book Color": "เขียนทับสีหนังสือ",
@@ -595,7 +595,7 @@
   "Size": "ขนาด",
   "Cover": "ปก",
   "Contain": "บรรจุ",
-  "{{number}} pages left in chapter": "เหลือ {{number}} หน้าในบท",
+  "{{number}} pages left in chapter": "<1>เหลือ </1><0>{{number}}</0><1> หน้าในบท</1>",
   "Device": "อุปกรณ์",
   "E-Ink Mode": "โหมด E-Ink",
   "Highlight Colors": "สีไฮไลต์",

apps/readest-app/public/locales/tr/translation.json

@@ -335,8 +335,8 @@
   "Fit": "Uygun",
   "Reset {{settings}}": "{{settings}}'i Sıfırla",
   "Reset Settings": "Ayarları Sıfırla",
-  "{{count}} pages left in chapter_one": "Bu bölümde {{count}} sayfa kaldı",
-  "{{count}} pages left in chapter_other": "Bu bölümde {{count}} sayfa kaldı",
+  "{{count}} pages left in chapter_one": "<1>Bu bölümde </1><0>{{count}}</0><1> sayfa kaldı</1>",
+  "{{count}} pages left in chapter_other": "<1>Bu bölümde </1><0>{{count}}</0><1> sayfa kaldı</1>",
   "Show Remaining Pages": "Kalan sayfaları göster",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -599,7 +599,7 @@
   "Size": "Boyut",
   "Cover": "Kapak",
   "Contain": "İçerir",
-  "{{number}} pages left in chapter": "Bu bölümde {{number}} sayfa kaldı",
+  "{{number}} pages left in chapter": "<1>Bu bölümde </1><0>{{number}}</0><1> sayfa kaldı</1>",
   "Device": "Cihaz",
   "E-Ink Mode": "E-Ink Modu",
   "Highlight Colors": "Vurgu Renkleri",

apps/readest-app/public/locales/uk/translation.json

@@ -341,10 +341,10 @@
   "Fit": "Припасувати",
   "Reset {{settings}}": "Скинути {{settings}}",
   "Reset Settings": "Скинути налаштування",
-  "{{count}} pages left in chapter_one": "Залишилася {{count}} сторінка у розділі",
-  "{{count}} pages left in chapter_few": "Залишилось {{count}} сторінки у розділі",
-  "{{count}} pages left in chapter_many": "Залишилось {{count}} сторінок у розділі",
-  "{{count}} pages left in chapter_other": "Залишилось {{count}} сторінок у розділі",
+  "{{count}} pages left in chapter_one": "<1>Залишилася </1><0>{{count}}</0><1> сторінка у розділі</1>",
+  "{{count}} pages left in chapter_few": "<1>Залишилось </1><0>{{count}}</0><1> сторінки у розділі</1>",
+  "{{count}} pages left in chapter_many": "<1>Залишилось </1><0>{{count}}</0><1> сторінок у розділі</1>",
+  "{{count}} pages left in chapter_other": "<1>Залишилось </1><0>{{count}}</0><1> сторінок у розділі</1>",
   "Show Remaining Pages": "Показати залишок сторінок",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -607,7 +607,7 @@
   "Size": "Розмір",
   "Cover": "Покрити",
   "Contain": "Втиснути",
-  "{{number}} pages left in chapter": "Залишилось {{number}} сторінок у розділі",
+  "{{number}} pages left in chapter": "<1>Залишилось </1><0>{{number}}</0><1> сторінок у розділі</1>",
   "Device": "Пристрій",
   "E-Ink Mode": "E-Ink режим",
   "Highlight Colors": "Кольори виділення",

apps/readest-app/public/locales/vi/translation.json

@@ -332,7 +332,7 @@
   "Fit": "Vừa vặn",
   "Reset {{settings}}": "Đặt lại {{settings}}",
   "Reset Settings": "Đặt lại cài đặt",
-  "{{count}} pages left in chapter_other": "Còn {{count}} trang trong chương",
+  "{{count}} pages left in chapter_other": "<1>Còn </1><0>{{count}}</0><1> trang trong chương</1>",
   "Show Remaining Pages": "Hiển thị trang còn lại",
   "Source Han Serif CN": "Source Han Serif",
   "Huiwen-MinchoGBK": "Huiwen Mincho",
@@ -595,7 +595,7 @@
   "Size": "Kích thước",
   "Cover": "Bìa",
   "Contain": "Chứa",
-  "{{number}} pages left in chapter": "Còn {{number}} trang trong chương",
+  "{{number}} pages left in chapter": "<1>Còn </1><0>{{number}}</0><1> trang trong chương</1>",
   "Device": "Thiết bị",
   "E-Ink Mode": "Chế độ E-Ink",
   "Highlight Colors": "Màu nổi bật",

apps/readest-app/public/locales/zh-CN/translation.json

@@ -332,7 +332,7 @@
   "Fit": "适应",
   "Reset {{settings}}": "重置{{settings}}",
   "Reset Settings": "重置设置",
-  "{{count}} pages left in chapter_other": "本章剩余 {{count}} 页",
+  "{{count}} pages left in chapter_other": "<1>本章剩余 </1><0>{{count}}</0><1> 页</1>",
   "Show Remaining Pages": "显示剩余页数",
   "Source Han Serif CN": "思源宋体",
   "Huiwen-MinchoGBK": "汇文明朝体",
@@ -595,7 +595,7 @@
   "Size": "大小",
   "Cover": "覆盖",
   "Contain": "适应",
-  "{{number}} pages left in chapter": "本章剩余{{number}}页",
+  "{{number}} pages left in chapter": "<1>本章剩余</1><0>{{number}}</0><1>页</1>",
   "Device": "设备",
   "E-Ink Mode": "E-Ink 模式",
   "Highlight Colors": "高亮颜色",

apps/readest-app/public/locales/zh-TW/translation.json

@@ -332,7 +332,7 @@
   "Fit": "適應",
   "Reset {{settings}}": "重置{{settings}}",
   "Reset Settings": "重置設置",
-  "{{count}} pages left in chapter_other": "本章剩餘 {{count}} 頁",
+  "{{count}} pages left in chapter_other": "<1>本章剩餘 </1><0>{{count}}</0><1> 頁</1>",
   "Show Remaining Pages": "顯示剩餘頁數",
   "Source Han Serif CN": "思源宋體",
   "Huiwen-MinchoGBK": "匯文明朝體",
@@ -595,7 +595,7 @@
   "Size": "大小",
   "Cover": "覆蓋",
   "Contain": "適應",
-  "{{number}} pages left in chapter": "本章剩餘{{number}}頁",
+  "{{number}} pages left in chapter": "<1>本章剩餘</1><0>{{number}}</0><1>頁</1>",
   "Device": "設備",
   "E-Ink Mode": "E-Ink 模式",
   "Highlight Colors": "高亮顏色",

apps/readest-app/src/app/reader/components/ProgressInfo.tsx

@@ -1,5 +1,6 @@
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
 import { Insets } from '@/types/misc';
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
@@ -75,6 +76,8 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
           })
       : '';
 
+  const showPagesLeft = total - 1 > current;
+
   const [progressInfoMode, setProgressInfoMode] = useState(viewSettings.progressInfoMode);
 
   const cycleProgressInfoModes = () => {
@@ -172,8 +175,23 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
           <>
             {viewSettings.showRemainingTime ? (
               <span className='time-left-label text-start'>{timeLeftStr}</span>
-            ) : viewSettings.showRemainingPages ? (
-              <span className='pages-left-label text-start'>{pagesLeftStr}</span>
+            ) : viewSettings.showRemainingPages && showPagesLeft ? (
+              <span className='text-start'>
+                {localize ? (
+                  <Trans
+                    i18nKey='{{number}} pages left in chapter'
+                    values={{ number: formatNumber(pagesLeft, localize, lang) }}
+                  >
+                    <span className='pages-left-number'>{'{{number}}'}</span>
+                    <span className='pages-left-label'>{' pages left in chapter'}</span>
+                  </Trans>
+                ) : (
+                  <Trans i18nKey='{{count}} pages left in chapter' count={pagesLeft}>
+                    <span className='pages-left-number'>{'{{count}}'}</span>
+                    <span className='pages-left-label'>{' pages left in chapter'}</span>
+                  </Trans>
+                )}
+              </span>
             ) : null}
           </>
         )}