fix(journal): improve grid footer readability

This commit improves the Posting Journal's grid footer readability by
translating the full string and providing extra padding around the text.

client/src/i18n/en/form.json

@@ -131,8 +131,9 @@
             "NO_SUPPLIER": "A purchase order must have a supplier before specifying items.",
             "NO_RECORDS_DATABASE": "There are no records in the database for this query",
             "OPERATION_SUCCESS": "Operation performed successfully",
-            "NUM_TRANSACTION": "Number of transactions",
+            "OF": "of",
             "OTHER_ACTIONS": "Other Actions",
+            "NUM_TRANSACTION": "Number of transactions",
             "PATIENTS": "Patients",
             "PATIENT_FOUND": "Patient Found",
             "PATIENT_NOT_FOUND": "Patient Not Found",

client/src/i18n/fr/form.json

@@ -132,6 +132,7 @@
             "NO_SUPPLIER": "Un ordre d'achat doit avoir un fournisseur avant de préciser les éléments.",
             "NUM_TRANSACTION": "Nombres des transactions",
             "OPERATION_SUCCESS": "Opération effectuée avec succès",
+            "OF": "de",
             "OTHER_ACTIONS": "Autres actions",
             "PATIENTS": "Patients",
             "PATIENT_FOUND": "Patient Trouvé",

client/src/modules/journal/templates/grid.footer.html

@@ -1,6 +1,4 @@
-<div>
-  <strong>
-    <span translate>FORM.INFO.SHOWING</span>
-    {{ grid.appScope.numberCurrentGridTransactions }} / {{ grid.appScope.numberTotalSystemTransactions }} <span translate>FORM.INFO.UNPOSTED_TRANSACTION</span>
-  </strong>
-</div>
+<div style="padding: 0.5rem; font-weight: bold;">
+  <span translate>FORM.INFO.SHOWING</span>
+  {{ grid.appScope.numberCurrentGridTransactions }} <span translate>FORM.INFO.OF</span> {{ grid.appScope.numberTotalSystemTransactions }} <span translate>FORM.INFO.UNPOSTED_TRANSACTION</span>
+</div>