refactor(components): rewrite Pagination component

2 files changed, 40 insertions, 32 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index d0f951d..8581273 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -187,6 +187,10 @@
     "defaultMessage": "Contact",
     "description": "ContactPage: page title"
   },
+  "AmHSC4": {
+    "defaultMessage": "Go to page {number}",
+    "description": "PostsList: pagination page link label"
+  },
   "B290Ph": {
     "defaultMessage": "Thanks, your comment was successfully sent.",
     "description": "PageLayout: comment form success message"
@@ -255,6 +259,10 @@
     "defaultMessage": "Contact form",
     "description": "ContactForm: form accessible name"
   },
+  "HaKhih": {
+    "defaultMessage": "Go to next page",
+    "description": "PostsList: pagination forward link label"
+  },
   "HohQPh": {
     "defaultMessage": "Thematics",
     "description": "Error404Page: thematics list widget title"
@@ -343,6 +351,10 @@
     "defaultMessage": "{minutesCount} minutes {secondsCount} seconds",
     "description": "useReadingTime: minutes + seconds count"
   },
+  "PHO94k": {
+    "defaultMessage": "Go to previous page",
+    "description": "PostsList: pagination backward link label"
+  },
   "PXp2hv": {
     "defaultMessage": "{websiteName} | Front-end developer: WordPress/React",
     "description": "HomePage: SEO - Page title"
@@ -367,10 +379,6 @@
     "defaultMessage": "Find me elsewhere",
     "description": "ContactPage: social media widget title"
   },
-  "R4yaW6": {
-    "defaultMessage": "Next page {icon}",
-    "description": "Pagination: Next page link"
-  },
   "R895yC": {
     "defaultMessage": "CV",
     "description": "Layout: main nav - cv link"
@@ -403,10 +411,6 @@
     "defaultMessage": "Subscribe",
     "description": "HomePage: RSS feed subscription text"
   },
-  "TSXPzr": {
-    "defaultMessage": "<a11y>Page </a11y>{number}",
-    "description": "Pagination: page number"
-  },
   "TpyFZ6": {
     "defaultMessage": "An error occurred:",
     "description": "Contact: error message"
@@ -491,10 +495,6 @@
     "defaultMessage": "Close menu",
     "description": "MainNav: Close label"
   },
-  "aMFqPH": {
-    "defaultMessage": "{icon} Previous page",
-    "description": "Pagination: previous page link"
-  },
   "azgQuH": {
     "defaultMessage": "You should read {title}",
     "description": "Sharing: subject text"
@@ -579,6 +579,10 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
+  "k1aA+G": {
+    "defaultMessage": "Pagination",
+    "description": "PostsList: pagination accessible name"
+  },
   "kNBXyK": {
     "defaultMessage": "Total:",
     "description": "Page: total label"
@@ -607,6 +611,10 @@
     "defaultMessage": "Copied!",
     "description": "usePrism: copy button text (clicked)"
   },
+  "nwDGkZ": {
+    "defaultMessage": "Current page, page {number}",
+    "description": "PostsList: pagination current page label"
+  },
   "nwbzKm": {
     "defaultMessage": "Legal notice",
     "description": "Layout: Legal notice label"
@@ -755,10 +763,6 @@
     "defaultMessage": "CC BY SA",
     "description": "Layout: copyright title"
   },
-  "yE/Jdz": {
-    "defaultMessage": "You are here:",
-    "description": "Pagination: current page indication"
-  },
   "yIZ+AC": {
     "defaultMessage": "Topics:",
     "description": "Summary: topics label"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 318e7a0..5687cdc 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -187,6 +187,10 @@
     "defaultMessage": "Contact",
     "description": "ContactPage: page title"
   },
+  "AmHSC4": {
+    "defaultMessage": "Aller à la page {number}",
+    "description": "PostsList: pagination page link label"
+  },
   "B290Ph": {
     "defaultMessage": "Merci, votre commentaire a été envoyé avec succès.",
     "description": "PageLayout: comment form success message"
@@ -255,6 +259,10 @@
     "defaultMessage": "Formulaire de contact",
     "description": "ContactForm: form accessible name"
   },
+  "HaKhih": {
+    "defaultMessage": "Aller à la page suivante",
+    "description": "PostsList: pagination forward link label"
+  },
   "HohQPh": {
     "defaultMessage": "Thématiques",
     "description": "Error404Page: thematics list widget title"
@@ -343,6 +351,10 @@
     "defaultMessage": "{minutesCount} minutes {secondsCount} secondes",
     "description": "useReadingTime: minutes + seconds count"
   },
+  "PHO94k": {
+    "defaultMessage": "Aller à la page précédente",
+    "description": "PostsList: pagination backward link label"
+  },
   "PXp2hv": {
     "defaultMessage": "{websiteName} | Intégrateur web - Développeur WordPress / React",
     "description": "HomePage: SEO - Page title"
@@ -367,10 +379,6 @@
     "defaultMessage": "Retrouvez-moi ailleurs",
     "description": "ContactPage: social media widget title"
   },
-  "R4yaW6": {
-    "defaultMessage": "Page suivante {icon}",
-    "description": "Pagination: Next page link"
-  },
   "R895yC": {
     "defaultMessage": "CV",
     "description": "Layout: main nav - cv link"
@@ -403,10 +411,6 @@
     "defaultMessage": "Vous abonner",
     "description": "HomePage: RSS feed subscription text"
   },
-  "TSXPzr": {
-    "defaultMessage": "<a11y>Page </a11y>{number}",
-    "description": "Pagination: page number"
-  },
   "TpyFZ6": {
     "defaultMessage": "Une erreur est survenue :",
     "description": "Contact: error message"
@@ -491,10 +495,6 @@
     "defaultMessage": "Fermer le menu",
     "description": "MainNav: Close label"
   },
-  "aMFqPH": {
-    "defaultMessage": "{icon} Page précédente",
-    "description": "Pagination: previous page link"
-  },
   "azgQuH": {
     "defaultMessage": "Vous devriez lire {title}",
     "description": "Sharing: subject text"
@@ -579,6 +579,10 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
+  "k1aA+G": {
+    "defaultMessage": "Pagination",
+    "description": "PostsList: pagination accessible name"
+  },
   "kNBXyK": {
     "defaultMessage": "Total :",
     "description": "Page: total label"
@@ -607,6 +611,10 @@
     "defaultMessage": "Copié !",
     "description": "usePrism: copy button text (clicked)"
   },
+  "nwDGkZ": {
+    "defaultMessage": "Page actuelle, page {number}",
+    "description": "PostsList: pagination current page label"
+  },
   "nwbzKm": {
     "defaultMessage": "Mentions légales",
     "description": "Layout: Legal notice label"
@@ -755,10 +763,6 @@
     "defaultMessage": "CC BY SA",
     "description": "Layout: copyright title"
   },
-  "yE/Jdz": {
-    "defaultMessage": "Vous êtes ici :",
-    "description": "Pagination: current page indication"
-  },
   "yIZ+AC": {
     "defaultMessage": "Sujets :",
     "description": "Summary: topics label"