refactor(components): replace PageLayout template with Page

* split pages in smaller components (it is both easier to maintain and
more readable, we avoid the use of fragments in pages directory)
* extract breadcrumbs from article tag (the navigation is not related
to the page contents)
* remove useReadingTime hook
* remove layout options except `isHome`

1 files changed, 70 insertions, 98 deletions

diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index d6bdef1..1ca2efd 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -15,14 +15,18 @@
     "defaultMessage": "Blog : développement, libre et open-source - {websiteName}",
     "description": "BlogPage: SEO - Page title"
   },
-  "+dJU3e": {
-    "defaultMessage": "Commentaires",
-    "description": "PageLayout: comments title"
-  },
   "/42Z0z": {
     "defaultMessage": "Sujets liés",
     "description": "ThematicPage: related topics list widget title"
   },
+  "/EfcyW": {
+    "defaultMessage": "Il est maintenant en attente de modération.",
+    "description": "PageComments: comment awaiting moderation"
+  },
+  "/TTRRX": {
+    "defaultMessage": "Fil d’Ariane",
+    "description": "Page: an accessible name for the breadcrumb nav."
+  },
   "/q5csZ": {
     "defaultMessage": "Animations :",
     "description": "MotionToggle: reduce motion label"
@@ -31,6 +35,10 @@
     "defaultMessage": "Thématiques liées",
     "description": "TopicPage: related thematics list widget title"
   },
+  "/unaGZ": {
+    "defaultMessage": "Écrit par :",
+    "description": "PageHeader: author meta label"
+  },
   "0f7fty": {
     "defaultMessage": "Partager sur Diaspora",
     "description": "SharingWidget: Diaspora sharing link"
@@ -95,18 +103,10 @@
     "defaultMessage": "Page non trouvée.",
     "description": "404Page: SEO - Meta description"
   },
-  "4QbTDq": {
-    "defaultMessage": "Publié le :",
-    "description": "Page: publication date label"
-  },
   "4iYISO": {
     "defaultMessage": "Chargement de l’article demandé…",
     "description": "ArticlePage: loading article message"
   },
-  "50xc4o": {
-    "defaultMessage": "Lire plus d’articles à propos de :",
-    "description": "ArticlePage: footer topics list label"
-  },
   "52H2HA": {
     "defaultMessage": "Logo du site d’{website}",
     "description": "Layout: logo title"
@@ -159,6 +159,10 @@
     "defaultMessage": "{articlesCount, plural, =0 {# article chargé} one {# article chargé} other {# articles chargés}} sur un total de {total}",
     "description": "PostsList: loaded articles progress"
   },
+  "9jh0r2": {
+    "defaultMessage": "Site officiel :",
+    "description": "PageHeader: website meta label"
+  },
   "9sGNKq": {
     "defaultMessage": "Désolé, il semble que la page demandée n’existe pas. Si vous pensez que le chemin devrait exister, n’hésitez pas à <link>me contacter</link> avec les informations nécessaires pour que je puisse corriger le problème.",
     "description": "Error404Page: page body"
@@ -191,10 +195,6 @@
     "defaultMessage": "Temps de lecture :",
     "description": "PostPreviewMeta: reading time label"
   },
-  "B290Ph": {
-    "defaultMessage": "Merci, votre commentaire a été envoyé avec succès.",
-    "description": "PageLayout: comment form success message"
-  },
   "B9OCyV": {
     "defaultMessage": "Autres formats",
     "description": "CVPage: cv preview widget title"
@@ -223,10 +223,6 @@
     "defaultMessage": "Les mots-clés doivent être plus longs qu'un caractère.",
     "description": "404Page: invalid query message"
   },
-  "CvOqoh": {
-    "defaultMessage": "Thématiques :",
-    "description": "ArticlePage: thematics meta label"
-  },
   "D8vB38": {
     "defaultMessage": "Blog",
     "description": "Layout: main nav - blog link"
@@ -243,10 +239,6 @@
     "defaultMessage": "Blog",
     "description": "Breadcrumb: blog label"
   },
-  "Ez8Qim": {
-    "defaultMessage": "Mis à jour le :",
-    "description": "Page: update date label"
-  },
   "FCpPCm": {
     "defaultMessage": "Commentaires :",
     "description": "PostPreviewMeta: comments label"
@@ -263,9 +255,9 @@
     "defaultMessage": "Sujets",
     "description": "Error404Page: topics list widget title"
   },
-  "Gw7X3x": {
-    "defaultMessage": "Temps de lecture :",
-    "description": "ArticlePage: reading time label"
+  "H4pKJP": {
+    "defaultMessage": "{commentsCount, plural, =0 {0 commentaire} one {# commentaire} other {# commentaires}}",
+    "description": "PageComments: the section title of the comments list"
   },
   "HKKkQk": {
     "defaultMessage": "Partager",
@@ -283,6 +275,10 @@
     "defaultMessage": "Thématiques",
     "description": "BlogPage: thematics list widget title"
   },
+  "I6vhfk": {
+    "defaultMessage": "Lire plus d’articles à propos de :",
+    "description": "PageFooter: the topics list label"
+  },
   "IVczxR": {
     "defaultMessage": "Aller à la page {number}",
     "description": "BlogPage: page number label"
@@ -327,10 +323,6 @@
     "defaultMessage": "Tous les articles dans {thematicName}",
     "description": "ThematicPage: posts list heading"
   },
-  "MJbZfX": {
-    "defaultMessage": "Écrit par :",
-    "description": "ArticlePage: author label"
-  },
   "Mq+O6q": {
     "defaultMessage": "Recherche",
     "description": "Layout: search modal title in navbar"
@@ -343,6 +335,10 @@
     "defaultMessage": "Sujets",
     "description": "SearchPage: topics list widget title"
   },
+  "NNDqRg": {
+    "defaultMessage": "{minutesCount, plural, =0 {Moins d’une minute} one {# minute} other {# minutes}}",
+    "description": "PageHeader: rounded minutes count"
+  },
   "NfAn9N": {
     "defaultMessage": "{commentsCount, plural, =0 {0 commentaire} one {# commentaire} other {# commentaires}}<a11y> à propos de {title}</a11y>",
     "description": "PostPreviewMeta: comments count"
@@ -355,6 +351,10 @@
     "defaultMessage": "Publié le :",
     "description": "ApprovedComment: publication date label"
   },
+  "ODwkBI": {
+    "defaultMessage": "{thematicsCount, plural, =0 {Thématiques :} one {Thématique :} other {Thématiques :}}",
+    "description": "PageHeader: thematics label"
+  },
   "OL0Yzx": {
     "defaultMessage": "Publier",
     "description": "CommentForm: submit button"
@@ -367,10 +367,6 @@
     "defaultMessage": "Partager par email",
     "description": "SharingWidget: Email sharing link"
   },
-  "OevMeU": {
-    "defaultMessage": "{minutesCount} minutes {secondsCount} secondes",
-    "description": "useReadingTime: minutes + seconds count"
-  },
   "PBdVsm": {
     "defaultMessage": "{starsCount, plural, =0 {0 étoile} one {# étoile} other {# étoiles}}",
     "description": "ProjectOverview: stars count"
@@ -379,10 +375,6 @@
     "defaultMessage": "{websiteName} | Intégrateur web - Développeur WordPress / React",
     "description": "HomePage: SEO - Page title"
   },
-  "Q+1GbT": {
-    "defaultMessage": "Barre latérale de la table des matières",
-    "description": "PageLayout: accessible name for ToC sidebar"
-  },
   "Q3oEQn": {
     "defaultMessage": "Profil LinkedIn",
     "description": "ContactPage: LinkedIn profile link"
@@ -411,10 +403,6 @@
     "defaultMessage": "CV",
     "description": "Layout: main nav - cv link"
   },
-  "RvGb2c": {
-    "defaultMessage": "{postsCount, plural, =0 {0 article} one {# article} other {# articles}}",
-    "description": "Page: posts count meta"
-  },
   "RwI3B9": {
     "defaultMessage": "Chargement de la popularité du dépôt…",
     "description": "ProjectsPage: loading repository popularity"
@@ -431,6 +419,10 @@
     "defaultMessage": "Une erreur est survenue :",
     "description": "Contact: error message"
   },
+  "UgJwSU": {
+    "defaultMessage": "Il a été approuvé.",
+    "description": "PageComments: comment approved."
+  },
   "VkAnvv": {
     "defaultMessage": "Envoyer",
     "description": "ContactForm: send button"
@@ -439,10 +431,6 @@
     "defaultMessage": "Les mots-clés doivent être plus longs qu'un caractère.",
     "description": "NoResults: invalid query message"
   },
-  "Vmj5cw": {
-    "defaultMessage": "Il est maintenant en attente de modération.",
-    "description": "PageLayout: comment awaiting moderation"
-  },
   "WDwNDl": {
     "defaultMessage": "Recherche",
     "description": "SearchPage: SEO - Page title"
@@ -467,6 +455,10 @@
     "defaultMessage": "Ouvrir la recherche",
     "description": "Layout: search button label in navbar"
   },
+  "Y7XdNp": {
+    "defaultMessage": "Laisser un commentaire",
+    "description": "PageComments: the section title of the comment form"
+  },
   "YV//MH": {
     "defaultMessage": "Aucun résultat.",
     "description": "SearchPage: no results"
@@ -487,14 +479,26 @@
     "defaultMessage": "Résultats de la recherche pour {query}",
     "description": "SearchPage: SEO - Page title"
   },
+  "ZcFroC": {
+    "defaultMessage": "Merci, votre commentaire a été envoyé avec succès.",
+    "description": "PageComments: comment form success message"
+  },
   "ZmRh0V": {
     "defaultMessage": "Mis à jour le :",
     "description": "PostPreviewMeta: update date label"
   },
+  "a6DzIj": {
+    "defaultMessage": "Total :",
+    "description": "PageHeader: total meta label"
+  },
   "aBQYbE": {
     "defaultMessage": "{topicsCount, plural, =0 {Sujets :} one {Sujet :} other {Sujets :}}",
     "description": "PostPreviewMeta: topics label"
   },
+  "bAXtMT": {
+    "defaultMessage": "{postsCount, plural, =0 {Aucun article} one {# article} other {# articles}}",
+    "description": "PageHeader: total meta value"
+  },
   "bPv0VG": {
     "defaultMessage": "Formulaire de contact",
     "description": "Contact: form accessible name"
@@ -511,10 +515,6 @@
     "defaultMessage": "Laisser une réponse à {name}",
     "description": "CommentsList: comment form title"
   },
-  "c556Qo": {
-    "defaultMessage": "Barre latérale",
-    "description": "PageLayout: accessible name for the sidebar"
-  },
   "cIAOyy": {
     "defaultMessage": "Popularité :",
     "description": "ProjectOverview: popularity label"
@@ -539,18 +539,10 @@
     "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"
-  },
   "ftXN+0": {
     "defaultMessage": "Blocs de code :",
     "description": "PrismThemeToggle: theme label"
   },
-  "g3+Ahv": {
-    "defaultMessage": "Il a été approuvé.",
-    "description": "PageLayout: comment approved."
-  },
   "h3J0a+": {
     "defaultMessage": "Formulaire des réglages",
     "description": "Layout: an accessible name for the settings form in navbar"
@@ -567,18 +559,10 @@
     "defaultMessage": "Shaarli",
     "description": "HomePage: link to Shaarli"
   },
-  "i7Wq3G": {
-    "defaultMessage": "{count} secondes",
-    "description": "useReadingTime: seconds count"
-  },
   "iG5SHf": {
     "defaultMessage": "Illustration de {postTitle}",
     "description": "PostPreview: an accessible name for the figure wrapping the cover"
   },
-  "iv3Ex1": {
-    "defaultMessage": "{postsCount, plural, =0 {0 article} one {# article} other {# articles}}",
-    "description": "ThematicPage: posts count meta"
-  },
   "j5k9Fe": {
     "defaultMessage": "Accueil",
     "description": "Breadcrumb: home label"
@@ -587,30 +571,14 @@
     "defaultMessage": "Linux",
     "description": "HomePage: link to Linux thematic"
   },
-  "kNBXyK": {
-    "defaultMessage": "Total :",
-    "description": "Page: total label"
-  },
-  "kzIYoQ": {
-    "defaultMessage": "Laisser un commentaire",
-    "description": "PageLayout: comment form title"
-  },
-  "l+Jcf6": {
-    "defaultMessage": "Formulaire des commentaires",
-    "description": "PageLayout: comment form accessible name"
-  },
-  "lHkta9": {
-    "defaultMessage": "Total :",
-    "description": "ThematicPage: total label"
+  "jJm8wd": {
+    "defaultMessage": "Temps de lecture :",
+    "description": "PageHeader: reading time label"
   },
   "lKhTGM": {
     "defaultMessage": "Utilisez Ctrl+c pour copier",
     "description": "usePrism: copy button error text"
   },
-  "m6a3BD": {
-    "defaultMessage": "Fil d’Ariane",
-    "description": "PageLayout: an accessible name for the breadcrumb nav."
-  },
   "mDKiaN": {
     "defaultMessage": "Ouvrir les réglages",
     "description": "Layout: settings button label in navbar"
@@ -635,6 +603,10 @@
     "defaultMessage": "Mentions légales",
     "description": "Layout: Legal notice label"
   },
+  "o+wCJz": {
+    "defaultMessage": "Formulaire des commentaires",
+    "description": "PageComments: an accessible name for the comment form"
+  },
   "o3WSz5": {
     "defaultMessage": "Réglages",
     "description": "Layout: settings modal title in navbar"
@@ -655,6 +627,10 @@
     "defaultMessage": "Publié le :",
     "description": "HomePage: publication date label"
   },
+  "pUBhKy": {
+    "defaultMessage": "Publié le :",
+    "description": "PageHeader: publication date label"
+  },
   "pWKyyR": {
     "defaultMessage": "Arrêt",
     "description": "MotionToggle: deactivate reduce motion label"
@@ -667,18 +643,10 @@
     "defaultMessage": "Projets",
     "description": "Layout: main nav - projects link"
   },
-  "s1i43J": {
-    "defaultMessage": "{minutesCount} minutes",
-    "description": "useReadingTime: rounded minutes count"
-  },
   "s8/tyz": {
     "defaultMessage": "Sujet :",
     "description": "ContactForm: object label"
   },
-  "sBwfCy": {
-    "defaultMessage": "Aucun commentaire.",
-    "description": "PageLayout: no comments text"
-  },
   "sECHDg": {
     "defaultMessage": "Profil Gitlab",
     "description": "ProjectsPage: Gitlab profile link"
@@ -687,6 +655,10 @@
     "defaultMessage": "Me contacter",
     "description": "HomePage: contact button text"
   },
+  "sR5hah": {
+    "defaultMessage": "Mis à jour le :",
+    "description": "PageHeader: update date label"
+  },
   "suXOBu": {
     "defaultMessage": "Thème :",
     "description": "ThemeToggle: theme label"
@@ -723,6 +695,10 @@
     "defaultMessage": "Souhaitez-vous essayer une nouvelle recherche ?",
     "description": "SearchPage: try a new search message"
   },
+  "w+BpPg": {
+    "defaultMessage": "Aucun commentaire pour le moment. <link>Soyez le premier !</link>",
+    "description": "PageComments: no comments text"
+  },
   "w4B5PA": {
     "defaultMessage": "E-mail :",
     "description": "ContactForm: email label"
@@ -754,9 +730,5 @@
   "zbzlb1": {
     "defaultMessage": "Page {number}",
     "description": "BlogPage: page number"
-  },
-  "zoifQd": {
-    "defaultMessage": "Site officiel :",
-    "description": "TopicPage: official website label"
   }
 }