refactor(pages): refine 404 page

* refresh topics and thematics list using hooks
* add Cypress tests

2 files changed, 38 insertions, 22 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 935dcdc..820902b 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -99,10 +99,6 @@
     "defaultMessage": "Written by:",
     "description": "PostPreviewMeta: author label"
   },
-  "310o3F": {
-    "defaultMessage": "Error 404: Page not found - {websiteName}",
-    "description": "404Page: SEO - Page title"
-  },
   "3Pipok": {
     "defaultMessage": "Thanks. Your message was successfully sent. I will answer it as soon as possible.",
     "description": "Contact: success message"
@@ -111,9 +107,9 @@
     "defaultMessage": "Repositories:",
     "description": "ProjectOverview: repositories label"
   },
-  "48Ww//": {
-    "defaultMessage": "Page not found.",
-    "description": "404Page: SEO - Meta description"
+  "3u29G5": {
+    "defaultMessage": "Query must be longer than one character.",
+    "description": "Error404Page: invalid query message"
   },
   "4M71hp": {
     "defaultMessage": "{starsCount, plural, =0 {No stars} one {# star} other {# stars}}",
@@ -135,6 +131,10 @@
     "defaultMessage": "Copy",
     "description": "usePrism: copy button text (not clicked)"
   },
+  "6IAJYx": {
+    "defaultMessage": "Thematics are loading...",
+    "description": "Error404Page: loading thematics message"
+  },
   "701ggm": {
     "defaultMessage": "Illustration of {projectName}",
     "description": "ProjectOverview: cover accessible name"
@@ -223,10 +223,6 @@
     "defaultMessage": "Failed to load.",
     "description": "BlogPage: failed to load text"
   },
-  "C6oK7h": {
-    "defaultMessage": "Query must be longer than one character.",
-    "description": "404Page: invalid query message"
-  },
   "Dq6+WH": {
     "defaultMessage": "Thematics",
     "description": "SearchPage: thematics list widget title"
@@ -263,6 +259,10 @@
     "defaultMessage": "Share on Journal du Hacker",
     "description": "SharingWidget: Journal du Hacker sharing link"
   },
+  "HnMf0i": {
+    "defaultMessage": "Topics are loading...",
+    "description": "Error404Page: loading topics message"
+  },
   "HohQPh": {
     "defaultMessage": "Thematics",
     "description": "Error404Page: thematics list widget title"
@@ -647,6 +647,10 @@
     "defaultMessage": "Go to next page, page {number}",
     "description": "BlogPage: next page label"
   },
+  "pNIIU1": {
+    "defaultMessage": "Error 404: Page not found - {websiteName}",
+    "description": "Error404Page: SEO - Page title"
+  },
   "pT5nHk": {
     "defaultMessage": "Published on:",
     "description": "HomePage: publication date label"
@@ -739,6 +743,10 @@
     "defaultMessage": "Thematics are loading...",
     "description": "BlogPage: loading thematics message"
   },
+  "yKoGqg": {
+    "defaultMessage": "Page not found.",
+    "description": "Error404Page: SEO - Meta description"
+  },
   "yN5P+m": {
     "defaultMessage": "Message:",
     "description": "ContactForm: message label"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 6e65be0..3628763 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -99,10 +99,6 @@
     "defaultMessage": "Écrit par :",
     "description": "PostPreviewMeta: author label"
   },
-  "310o3F": {
-    "defaultMessage": "Erreur 404 : Page non trouvée - {websiteName}",
-    "description": "404Page: SEO - Page title"
-  },
   "3Pipok": {
     "defaultMessage": "Merci. Votre message a été envoyé avec succès. J’y répondrai dès que possible.",
     "description": "Contact: success message"
@@ -111,9 +107,9 @@
     "defaultMessage": "Dépôts :",
     "description": "ProjectOverview: repositories label"
   },
-  "48Ww//": {
-    "defaultMessage": "Page non trouvée.",
-    "description": "404Page: SEO - Meta description"
+  "3u29G5": {
+    "defaultMessage": "Query must be longer than one character.",
+    "description": "Error404Page: invalid query message"
   },
   "4M71hp": {
     "defaultMessage": "{starsCount, plural, =0 {0 étoile} one {# étoile} other {# étoiles}}",
@@ -135,6 +131,10 @@
     "defaultMessage": "Copier",
     "description": "usePrism: copy button text (not clicked)"
   },
+  "6IAJYx": {
+    "defaultMessage": "Les thématiques sont en cours de chargement…",
+    "description": "Error404Page: loading thematics message"
+  },
   "701ggm": {
     "defaultMessage": "Illustration de {projectName}",
     "description": "ProjectOverview: cover accessible name"
@@ -223,10 +223,6 @@
     "defaultMessage": "Échec du chargement.",
     "description": "BlogPage: failed to load text"
   },
-  "C6oK7h": {
-    "defaultMessage": "Les mots-clés doivent être plus longs qu'un caractère.",
-    "description": "404Page: invalid query message"
-  },
   "Dq6+WH": {
     "defaultMessage": "Thématiques",
     "description": "SearchPage: thematics list widget title"
@@ -263,6 +259,10 @@
     "defaultMessage": "Partager sur le Journal du Hacker",
     "description": "SharingWidget: Journal du Hacker sharing link"
   },
+  "HnMf0i": {
+    "defaultMessage": "Les sujets sont en cours de chargement…",
+    "description": "Error404Page: loading topics message"
+  },
   "HohQPh": {
     "defaultMessage": "Thématiques",
     "description": "Error404Page: thematics list widget title"
@@ -647,6 +647,10 @@
     "defaultMessage": "Aller à la page suivante, page {number}",
     "description": "BlogPage: next page label"
   },
+  "pNIIU1": {
+    "defaultMessage": "Erreur 404 : Page non trouvée - {websiteName}",
+    "description": "Error404Page: SEO - Page title"
+  },
   "pT5nHk": {
     "defaultMessage": "Publié le :",
     "description": "HomePage: publication date label"
@@ -739,6 +743,10 @@
     "defaultMessage": "Les thématiques sont en cours de chargement…",
     "description": "BlogPage: loading thematics message"
   },
+  "yKoGqg": {
+    "defaultMessage": "Page non trouvée.",
+    "description": "Error404Page: SEO - Meta description"
+  },
   "yN5P+m": {
     "defaultMessage": "Message :",
     "description": "ContactForm: message label"