refactor(components): rewrite PostsList component

* remove NoResults component and move logic to Search page
* add a usePostsList hook
* remove Pagination from PostsList (it is only used if javascript is
disabled and not on every posts list)
* replace `byYear` prop with `sortByYear`
* replace `loadMore` prop with `onLoadMore`
* remove `showLoadMoreBtn` (we can use `loadMore` prop instead to
determine if we need to display the button)
* replace `titleLevel` prop with `headingLvl`
* add `firstNewResult` prop to handle focus on the new results when
loading more article (we should not focus a useless span but the item
directly)

2 files changed, 65 insertions, 69 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 094bf56..2b18178 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -115,10 +115,6 @@
     "defaultMessage": "{website} logo",
     "description": "Layout: logo title"
   },
-  "5O2vpy": {
-    "defaultMessage": "No results found.",
-    "description": "NoResults: no results"
-  },
   "5eD6y2": {
     "defaultMessage": "Full",
     "description": "AckeeToggle: full option name"
@@ -191,9 +187,9 @@
     "defaultMessage": "Contact",
     "description": "ContactPage: page title"
   },
-  "AmHSC4": {
-    "defaultMessage": "Go to page {number}",
-    "description": "PostsList: pagination page link label"
+  "AXe1Iz": {
+    "defaultMessage": "Pagination",
+    "description": "BlogPage: pagination accessible name"
   },
   "B1lS/v": {
     "defaultMessage": "Reading time:",
@@ -235,10 +231,6 @@
     "defaultMessage": "Blog",
     "description": "Layout: main nav - blog link"
   },
-  "DVBwfu": {
-    "defaultMessage": "Would you like to try a new search?",
-    "description": "NoResults: try a new search message"
-  },
   "Dq6+WH": {
     "defaultMessage": "Thematics",
     "description": "SearchPage: thematics list widget title"
@@ -275,10 +267,6 @@
     "defaultMessage": "Reading time:",
     "description": "ArticlePage: reading time label"
   },
-  "HaKhih": {
-    "defaultMessage": "Go to next page",
-    "description": "PostsList: pagination forward link label"
-  },
   "HohQPh": {
     "defaultMessage": "Thematics",
     "description": "Error404Page: thematics list widget title"
@@ -291,10 +279,18 @@
     "defaultMessage": "Published on:",
     "description": "ProjectsPage: publication date label"
   },
+  "IVczxR": {
+    "defaultMessage": "Go to page {number}",
+    "description": "BlogPage: page number label"
+  },
   "IY5ew6": {
     "defaultMessage": "Submitting...",
     "description": "CommentForm: spinner message on submit"
   },
+  "JL6G22": {
+    "defaultMessage": "Current page, page {number}",
+    "description": "BlogPage: current page label"
+  },
   "JbT+fA": {
     "defaultMessage": "Updated on:",
     "description": "ProjectOverview: update date label"
@@ -379,10 +375,6 @@
     "defaultMessage": "{starsCount, plural, =0 {No stars} one {# star} other {# stars}}",
     "description": "ProjectOverview: stars 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"
@@ -487,6 +479,10 @@
     "defaultMessage": "Share on LinkedIn",
     "description": "Sharing: LinkedIn sharing link"
   },
+  "YV//MH": {
+    "defaultMessage": "No results found.",
+    "description": "SearchPage: no results"
+  },
   "Ygea7s": {
     "defaultMessage": "Light theme",
     "description": "ThemeToggle: light theme label"
@@ -555,6 +551,10 @@
     "defaultMessage": "Failed to load.",
     "description": "SearchPage: failed to load text"
   },
+  "faO6BQ": {
+    "defaultMessage": "Go to previous page, page {number}",
+    "description": "BlogPage: previous page label"
+  },
   "fkcTGp": {
     "defaultMessage": "An error occurred:",
     "description": "PageLayout: comment form error message"
@@ -571,6 +571,10 @@
     "defaultMessage": "Settings form",
     "description": "Layout: an accessible name for the settings form in navbar"
   },
+  "hGvQpI": {
+    "defaultMessage": "Load more posts?",
+    "description": "PostsList: load more button"
+  },
   "hHVgW3": {
     "defaultMessage": "Light Theme 🌞",
     "description": "usePrism: toggle light theme button text"
@@ -599,10 +603,6 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
-  "k1aA+G": {
-    "defaultMessage": "Pagination",
-    "description": "PostsList: pagination accessible name"
-  },
   "kNBXyK": {
     "defaultMessage": "Total:",
     "description": "Page: total label"
@@ -647,10 +647,6 @@
     "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"
@@ -671,6 +667,10 @@
     "defaultMessage": "Dark theme",
     "description": "PrismThemeToggle: dark theme label"
   },
+  "oq3BzP": {
+    "defaultMessage": "Go to next page, page {number}",
+    "description": "BlogPage: next page label"
+  },
   "pT5nHk": {
     "defaultMessage": "Published on:",
     "description": "HomePage: publication date label"
@@ -743,10 +743,6 @@
     "defaultMessage": "Cancel reply",
     "description": "CommentsList: cancel reply button"
   },
-  "uaqd5F": {
-    "defaultMessage": "Load more articles?",
-    "description": "PostsList: load more button"
-  },
   "va65iw": {
     "defaultMessage": "On",
     "description": "MotionToggle: activate reduce motion label"
@@ -759,6 +755,10 @@
     "defaultMessage": "Share on Journal du Hacker",
     "description": "Sharing: Journal du Hacker sharing link"
   },
+  "vtDLzG": {
+    "defaultMessage": "Would you like to try a new search?",
+    "description": "SearchPage: try a new search message"
+  },
   "w4B5PA": {
     "defaultMessage": "Email:",
     "description": "ContactForm: email label"
@@ -771,10 +771,6 @@
     "defaultMessage": "Updated on:",
     "description": "ProjectsPage: update date label"
   },
-  "xYemkP": {
-    "defaultMessage": "Loading more articles...",
-    "description": "PostsList: loading more articles message"
-  },
   "xaqaYQ": {
     "defaultMessage": "Sending mail...",
     "description": "ContactForm: spinner message on submit"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 5d0fd21..1dd1688 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -115,10 +115,6 @@
     "defaultMessage": "Logo du site d’{website}",
     "description": "Layout: logo title"
   },
-  "5O2vpy": {
-    "defaultMessage": "Aucun résultat.",
-    "description": "NoResults: no results"
-  },
   "5eD6y2": {
     "defaultMessage": "Complet",
     "description": "AckeeToggle: full option name"
@@ -191,9 +187,9 @@
     "defaultMessage": "Contact",
     "description": "ContactPage: page title"
   },
-  "AmHSC4": {
-    "defaultMessage": "Aller à la page {number}",
-    "description": "PostsList: pagination page link label"
+  "AXe1Iz": {
+    "defaultMessage": "Pagination",
+    "description": "BlogPage: pagination accessible name"
   },
   "B1lS/v": {
     "defaultMessage": "Temps de lecture :",
@@ -235,10 +231,6 @@
     "defaultMessage": "Blog",
     "description": "Layout: main nav - blog link"
   },
-  "DVBwfu": {
-    "defaultMessage": "Souhaitez-vous effectuer une nouvelle recherche ?",
-    "description": "NoResults: try a new search message"
-  },
   "Dq6+WH": {
     "defaultMessage": "Thématiques",
     "description": "SearchPage: thematics list widget title"
@@ -275,10 +267,6 @@
     "defaultMessage": "Temps de lecture :",
     "description": "ArticlePage: reading time label"
   },
-  "HaKhih": {
-    "defaultMessage": "Aller à la page suivante",
-    "description": "PostsList: pagination forward link label"
-  },
   "HohQPh": {
     "defaultMessage": "Thématiques",
     "description": "Error404Page: thematics list widget title"
@@ -291,10 +279,18 @@
     "defaultMessage": "Publié le :",
     "description": "ProjectsPage: publication date label"
   },
+  "IVczxR": {
+    "defaultMessage": "Aller à la page {number}",
+    "description": "BlogPage: page number label"
+  },
   "IY5ew6": {
     "defaultMessage": "En cours d’envoi…",
     "description": "CommentForm: spinner message on submit"
   },
+  "JL6G22": {
+    "defaultMessage": "Page actuelle, page {number}",
+    "description": "BlogPage: current page label"
+  },
   "JbT+fA": {
     "defaultMessage": "Mis à jour le :",
     "description": "ProjectOverview: update date label"
@@ -379,10 +375,6 @@
     "defaultMessage": "{starsCount, plural, =0 {0 étoile} one {# étoile} other {# étoiles}}",
     "description": "ProjectOverview: stars 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"
@@ -487,6 +479,10 @@
     "defaultMessage": "Partager sur LinkedIn",
     "description": "Sharing: LinkedIn sharing link"
   },
+  "YV//MH": {
+    "defaultMessage": "Aucun résultat.",
+    "description": "SearchPage: no results"
+  },
   "Ygea7s": {
     "defaultMessage": "Thème clair",
     "description": "ThemeToggle: light theme label"
@@ -555,6 +551,10 @@
     "defaultMessage": "Échec du chargement.",
     "description": "SearchPage: failed to load text"
   },
+  "faO6BQ": {
+    "defaultMessage": "Aller à la page précédente, page {number}",
+    "description": "BlogPage: previous page label"
+  },
   "fkcTGp": {
     "defaultMessage": "Une erreur est survenue :",
     "description": "PageLayout: comment form error message"
@@ -571,6 +571,10 @@
     "defaultMessage": "Formulaire des réglages",
     "description": "Layout: an accessible name for the settings form in navbar"
   },
+  "hGvQpI": {
+    "defaultMessage": "Charger plus d’articles ?",
+    "description": "PostsList: load more button"
+  },
   "hHVgW3": {
     "defaultMessage": "Thème clair 🌞",
     "description": "usePrism: toggle light theme button text"
@@ -599,10 +603,6 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
-  "k1aA+G": {
-    "defaultMessage": "Pagination",
-    "description": "PostsList: pagination accessible name"
-  },
   "kNBXyK": {
     "defaultMessage": "Total :",
     "description": "Page: total label"
@@ -647,10 +647,6 @@
     "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"
@@ -671,6 +667,10 @@
     "defaultMessage": "Thème sombre",
     "description": "PrismThemeToggle: dark theme label"
   },
+  "oq3BzP": {
+    "defaultMessage": "Aller à la page suivante, page {number}",
+    "description": "BlogPage: next page label"
+  },
   "pT5nHk": {
     "defaultMessage": "Publié le :",
     "description": "HomePage: publication date label"
@@ -743,10 +743,6 @@
     "defaultMessage": "Annuler la réponse",
     "description": "CommentsList: cancel reply button"
   },
-  "uaqd5F": {
-    "defaultMessage": "Charger plus d’articles ?",
-    "description": "PostsList: load more button"
-  },
   "va65iw": {
     "defaultMessage": "Marche",
     "description": "MotionToggle: activate reduce motion label"
@@ -759,6 +755,10 @@
     "defaultMessage": "Partager sur le Journal du Hacker",
     "description": "Sharing: Journal du Hacker sharing link"
   },
+  "vtDLzG": {
+    "defaultMessage": "Souhaitez-vous essayer une nouvelle recherche ?",
+    "description": "SearchPage: try a new search message"
+  },
   "w4B5PA": {
     "defaultMessage": "E-mail :",
     "description": "ContactForm: email label"
@@ -767,9 +767,9 @@
     "defaultMessage": "Libre",
     "description": "HomePage: link to free thematic"
   },
-  "xYemkP": {
-    "defaultMessage": "Chargement des articles précédents…",
-    "description": "PostsList: loading more articles message"
+  "wQrvgw": {
+    "defaultMessage": "Mis à jour le :",
+    "description": "ProjectsPage: update date label"
   },
   "xaqaYQ": {
     "defaultMessage": "Mail en cours d’envoi…",