refactor(components): split Comment component into 3 components

* add ApprovedComment, PendingComment and ReplyCommentForm components
* let consumer handle reply form visibility
* move structured data into article page (each article already has the
comments data and already handle json ltd schema so I prefered to move
the schema in the final consumer instead of adding a script element
foreach comment)

2 files changed, 48 insertions, 40 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 4b649cc..3e6bf93 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -47,6 +47,10 @@
     "defaultMessage": "Show help",
     "description": "Tooltip: show help label"
   },
+  "1d/xvG": {
+    "defaultMessage": "This comment is awaiting moderation…",
+    "description": "PendingComment: awaiting moderation text"
+  },
   "1dCuCx": {
     "defaultMessage": "Name:",
     "description": "ContactForm: name label"
@@ -71,10 +75,6 @@
     "defaultMessage": "Written by:",
     "description": "PostPreviewMeta: author label"
   },
-  "2fD5CI": {
-    "defaultMessage": "Leave a reply",
-    "description": "Comment: comment form title"
-  },
   "2ukj9H": {
     "defaultMessage": "Share by Email",
     "description": "Sharing: Email sharing link"
@@ -123,10 +123,6 @@
     "defaultMessage": "Copy",
     "description": "usePrism: copy button text (not clicked)"
   },
-  "6a1Uo6": {
-    "defaultMessage": "This comment is awaiting moderation...",
-    "description": "Comment: awaiting moderation"
-  },
   "75FYp7": {
     "defaultMessage": "Github profile",
     "description": "ContactPage: Github profile link"
@@ -323,10 +319,6 @@
     "defaultMessage": "Popularity:",
     "description": "ProjectsPage: popularity label"
   },
-  "LCorTC": {
-    "defaultMessage": "Cancel reply",
-    "description": "Comment: cancel reply button"
-  },
   "LszkU6": {
     "defaultMessage": "All posts in {thematicName}",
     "description": "ThematicPage: posts list heading"
@@ -359,6 +351,10 @@
     "defaultMessage": "Github profile",
     "description": "ProjectsPage: Github profile link"
   },
+  "NzeU3V": {
+    "defaultMessage": "Published on:",
+    "description": "ApprovedComment: publication date label"
+  },
   "OL0Yzx": {
     "defaultMessage": "Publish",
     "description": "CommentForm: submit button"
@@ -387,6 +383,10 @@
     "defaultMessage": "Dark Theme 🌙",
     "description": "usePrism: toggle dark theme button text"
   },
+  "Qa9twM": {
+    "defaultMessage": "Reply",
+    "description": "CommentsList: reply button"
+  },
   "Qh2CwH": {
     "defaultMessage": "Find me elsewhere",
     "description": "ContactPage: social media widget title"
@@ -551,10 +551,6 @@
     "defaultMessage": "Light Theme 🌞",
     "description": "usePrism: toggle light theme button text"
   },
-  "hzHuCc": {
-    "defaultMessage": "Reply",
-    "description": "Comment: reply button"
-  },
   "i5L19t": {
     "defaultMessage": "Shaarli",
     "description": "HomePage: link to Shaarli"
@@ -619,6 +615,10 @@
     "defaultMessage": "Ackee tracking (analytics)",
     "description": "AckeeToggle: tooltip title"
   },
+  "ndAawq": {
+    "defaultMessage": "Leave a reply to comment {id}",
+    "description": "ReplyCommentForm: an accessible name for the reply form"
+  },
   "npisb3": {
     "defaultMessage": "Search for a post on {websiteName}.",
     "description": "SearchPage: SEO - Meta description"
@@ -695,10 +695,6 @@
     "defaultMessage": "Contact me",
     "description": "HomePage: contact button text"
   },
-  "soj7do": {
-    "defaultMessage": "Published on:",
-    "description": "Comment: publication date label"
-  },
   "suXOBu": {
     "defaultMessage": "Theme:",
     "description": "ThemeToggle: theme label"
@@ -727,6 +723,10 @@
     "defaultMessage": "{postsCount, plural, =0 {No articles} one {# article} other {# articles}}",
     "description": "TopicPage: posts count meta"
   },
+  "uZj4QI": {
+    "defaultMessage": "Cancel reply",
+    "description": "CommentsList: cancel reply button"
+  },
   "uaqd5F": {
     "defaultMessage": "Load more articles?",
     "description": "PostsList: load more button"
@@ -751,6 +751,10 @@
     "defaultMessage": "Free",
     "description": "HomePage: link to free thematic"
   },
+  "w8uLLF": {
+    "defaultMessage": "Leave a reply",
+    "description": "CommentsList: comment form title"
+  },
   "wQrvgw": {
     "defaultMessage": "Updated on:",
     "description": "ProjectsPage: update date label"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 25991d4..9244863 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -47,6 +47,10 @@
     "defaultMessage": "Afficher l’aide",
     "description": "Tooltip: show help label"
   },
+  "1d/xvG": {
+    "defaultMessage": "Ce commentaire est en attente de modération…",
+    "description": "PendingComment: awaiting moderation text"
+  },
   "1dCuCx": {
     "defaultMessage": "Nom :",
     "description": "ContactForm: name label"
@@ -71,10 +75,6 @@
     "defaultMessage": "Écrit par :",
     "description": "PostPreviewMeta: author label"
   },
-  "2fD5CI": {
-    "defaultMessage": "Laisser une réponse",
-    "description": "Comment: comment form title"
-  },
   "2ukj9H": {
     "defaultMessage": "Partager par email",
     "description": "Sharing: Email sharing link"
@@ -123,10 +123,6 @@
     "defaultMessage": "Copier",
     "description": "usePrism: copy button text (not clicked)"
   },
-  "6a1Uo6": {
-    "defaultMessage": "Ce commentaire est en attente de modération…",
-    "description": "Comment: awaiting moderation"
-  },
   "75FYp7": {
     "defaultMessage": "Profil Github",
     "description": "ContactPage: Github profile link"
@@ -323,10 +319,6 @@
     "defaultMessage": "Popularité :",
     "description": "ProjectsPage: popularity label"
   },
-  "LCorTC": {
-    "defaultMessage": "Annuler la réponse",
-    "description": "Comment: cancel reply button"
-  },
   "LszkU6": {
     "defaultMessage": "Tous les articles dans {thematicName}",
     "description": "ThematicPage: posts list heading"
@@ -359,6 +351,10 @@
     "defaultMessage": "Profil Github",
     "description": "ProjectsPage: Github profile link"
   },
+  "NzeU3V": {
+    "defaultMessage": "Publié le :",
+    "description": "ApprovedComment: publication date label"
+  },
   "OL0Yzx": {
     "defaultMessage": "Publier",
     "description": "CommentForm: submit button"
@@ -387,6 +383,10 @@
     "defaultMessage": "Thème sombre 🌙",
     "description": "usePrism: toggle dark theme button text"
   },
+  "Qa9twM": {
+    "defaultMessage": "Répondre",
+    "description": "CommentsList: reply button"
+  },
   "Qh2CwH": {
     "defaultMessage": "Retrouvez-moi ailleurs",
     "description": "ContactPage: social media widget title"
@@ -551,10 +551,6 @@
     "defaultMessage": "Thème clair 🌞",
     "description": "usePrism: toggle light theme button text"
   },
-  "hzHuCc": {
-    "defaultMessage": "Répondre",
-    "description": "Comment: reply button"
-  },
   "i5L19t": {
     "defaultMessage": "Shaarli",
     "description": "HomePage: link to Shaarli"
@@ -619,6 +615,10 @@
     "defaultMessage": "Suivi Ackee (analytique)",
     "description": "AckeeToggle: tooltip title"
   },
+  "ndAawq": {
+    "defaultMessage": "Répondre au commentaire {id}",
+    "description": "ReplyCommentForm: an accessible name for the reply form"
+  },
   "npisb3": {
     "defaultMessage": "Rechercher un article sur {websiteName}.",
     "description": "SearchPage: SEO - Meta description"
@@ -695,10 +695,6 @@
     "defaultMessage": "Me contacter",
     "description": "HomePage: contact button text"
   },
-  "soj7do": {
-    "defaultMessage": "Publié le :",
-    "description": "Comment: publication date label"
-  },
   "suXOBu": {
     "defaultMessage": "Thème :",
     "description": "ThemeToggle: theme label"
@@ -727,6 +723,10 @@
     "defaultMessage": "{postsCount, plural, =0 {0 article} one {# article} other {# articles}}",
     "description": "TopicPage: posts count meta"
   },
+  "uZj4QI": {
+    "defaultMessage": "Annuler la réponse",
+    "description": "CommentsList: cancel reply button"
+  },
   "uaqd5F": {
     "defaultMessage": "Charger plus d’articles ?",
     "description": "PostsList: load more button"
@@ -751,6 +751,10 @@
     "defaultMessage": "Libre",
     "description": "HomePage: link to free thematic"
   },
+  "w8uLLF": {
+    "defaultMessage": "Laisser une réponse",
+    "description": "CommentsList: comment form title"
+  },
   "wQrvgw": {
     "defaultMessage": "Mis à jour le :",
     "description": "ProjectsPage: update date label"