feat: provide pagination for users with js disabled (#13)

* chore: add a Pagination component

* chore: add blog pages

* chore: fallback to page number based navigation if JS disabled

* chore: update translation

1 files changed, 20 insertions, 4 deletions

diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 3411667..6f8ce41 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -107,6 +107,10 @@
     "defaultMessage": "Veuillez remplir le formulaire pour me contacter.",
     "description": "ContactPage: page introduction"
   },
+  "8w+jnD": {
+    "defaultMessage": "Blog - Page {number} - {websiteName}",
+    "description": "BlogPage: SEO - Page title"
+  },
   "9kx83j": {
     "defaultMessage": "Fermer l'aide",
     "description": "Tooltip: button title"
@@ -139,6 +143,10 @@
     "defaultMessage": "Autres formats",
     "description": "CVPage: cv preview widget title"
   },
+  "BAkq7J": {
+    "defaultMessage": "Pagination",
+    "description": "Pagination: pagination title"
+  },
   "C+r/LF": {
     "defaultMessage": "Mis à jour le :",
     "description": "Dates: update date meta label"
@@ -223,10 +231,6 @@
     "defaultMessage": "Commentaire",
     "description": "CommentForm: Comment field label"
   },
-  "JPh168": {
-    "defaultMessage": "Javascript est nécessaire pour charger plus d'articles.",
-    "description": "BlogPage: noscript tag"
-  },
   "JeYOeA": {
     "defaultMessage": "Barre latérale",
     "description": "ArticlePage: right sidebar aria-label"
@@ -331,6 +335,10 @@
     "defaultMessage": "Blog",
     "description": "BlogPage: breadcrumb item"
   },
+  "R4yaW6": {
+    "defaultMessage": "Page suivante {icon}",
+    "description": "Pagination: Next page link"
+  },
   "RZzx/4": {
     "defaultMessage": "Javascript est nécessaire pour utiliser la table des matières.",
     "description": "ToC: noscript tag"
@@ -355,6 +363,10 @@
     "defaultMessage": "Vous abonner",
     "description": "HomePage: RSS feed subscription text"
   },
+  "TSXPzr": {
+    "defaultMessage": "<a11y>Page </a11y>{number}",
+    "description": "Pagination: page number"
+  },
   "TfU6Qm": {
     "defaultMessage": "Recherche",
     "description": "SearchPage: breadcrumb item"
@@ -455,6 +467,10 @@
     "defaultMessage": "{starsCount, plural, =0 {0 étoile sur Github} one {# étoile sur Github} other {# étoiles sur Github}}",
     "description": "ProjectSummary: technologies list label"
   },
+  "aMFqPH": {
+    "defaultMessage": "{icon} Page précédente",
+    "description": "Pagination: previous page link"
+  },
   "akSutM": {
     "defaultMessage": "Projets",
     "description": "MainNav: projects link"