refactor(components): replace Summary component with PostPreview

* rename component to PostPreview because Summary is an HTML element
and it could lead to confusion
* replace `title` and `titleLevel` with `heading` and `headingLvl`
because `title` is a native attribute
* rename `intro` prop to `excerpt`
* extract `cover` from `meta` prop
* rewrite meta type
* extract meta logic into a new component

2 files changed, 86 insertions, 78 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index ebeed8b..4b649cc 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -3,6 +3,10 @@
     "defaultMessage": "Gitlab profile",
     "description": "CVPage: Gitlab profile link"
   },
+  "+6f4p1": {
+    "defaultMessage": "Published on:",
+    "description": "PostPreviewMeta: publication date label"
+  },
   "+Dre5J": {
     "defaultMessage": "Open-source projects",
     "description": "CVPage: social media widget title"
@@ -63,6 +67,10 @@
     "defaultMessage": "Dark theme",
     "description": "ThemeToggle: dark theme label"
   },
+  "2U7ixo": {
+    "defaultMessage": "Written by:",
+    "description": "PostPreviewMeta: author label"
+  },
   "2fD5CI": {
     "defaultMessage": "Leave a reply",
     "description": "Comment: comment form title"
@@ -151,6 +159,10 @@
     "defaultMessage": "Updated on:",
     "description": "TopicPage: update date label"
   },
+  "9MTBCG": {
+    "defaultMessage": "{thematicsCount, plural, =0 {Thematics:} one {Thematic:} other {Thematics:}}",
+    "description": "PostPreviewMeta: thematics label"
+  },
   "9MeLN3": {
     "defaultMessage": "{articlesCount, plural, =0 {# loaded articles} one {# loaded article} other {# loaded articles}} out of a total of {total}",
     "description": "PostsList: loaded articles progress"
@@ -179,6 +191,10 @@
     "defaultMessage": "Go to page {number}",
     "description": "PostsList: pagination page link label"
   },
+  "B1lS/v": {
+    "defaultMessage": "Reading time:",
+    "description": "PostPreviewMeta: reading time label"
+  },
   "B290Ph": {
     "defaultMessage": "Thanks, your comment was successfully sent.",
     "description": "PageLayout: comment form success message"
@@ -187,6 +203,10 @@
     "defaultMessage": "Others formats",
     "description": "CVPage: cv preview widget title"
   },
+  "BYdQze": {
+    "defaultMessage": "Read more<a11y> about {postTitle}</a11y>",
+    "description": "PostPreview: read more link"
+  },
   "Bh7z5v": {
     "defaultMessage": "Email:",
     "description": "CommentForm: email label"
@@ -231,6 +251,10 @@
     "defaultMessage": "Updated on:",
     "description": "Page: update date label"
   },
+  "FCpPCm": {
+    "defaultMessage": "Comments:",
+    "description": "PostPreviewMeta: comments label"
+  },
   "FdF33B": {
     "defaultMessage": "{title} cover",
     "description": "ProjectsPage: figure (cover) accessible name"
@@ -327,6 +351,10 @@
     "defaultMessage": "Share on Twitter",
     "description": "Sharing: Twitter sharing link"
   },
+  "NfAn9N": {
+    "defaultMessage": "{commentsCount, plural, =0 {No comments} one {# comment} other {# comments}}<a11y> about {title}</a11y>",
+    "description": "PostPreviewMeta: comments count"
+  },
   "Nx8Jo5": {
     "defaultMessage": "Github profile",
     "description": "ProjectsPage: Github profile link"
@@ -367,10 +395,6 @@
     "defaultMessage": "CV",
     "description": "Layout: main nav - cv link"
   },
-  "RNVe1W": {
-    "defaultMessage": "{title} cover",
-    "description": "Summary: figure (cover) accessible name"
-  },
   "RecdwX": {
     "defaultMessage": "Published on:",
     "description": "ArticlePage: publication date label"
@@ -399,10 +423,6 @@
     "defaultMessage": "An error occurred:",
     "description": "Contact: error message"
   },
-  "TvQ2Ee": {
-    "defaultMessage": "Published on:",
-    "description": "Summary: publication date label"
-  },
   "UTGhUU": {
     "defaultMessage": "Published on:",
     "description": "ThematicPage: publication date label"
@@ -475,9 +495,13 @@
     "defaultMessage": "Search results for {query}",
     "description": "SearchPage: SEO - Page title"
   },
-  "Zpgv+f": {
-    "defaultMessage": "Read more<a11y> about {title}</a11y>",
-    "description": "Summary: read more link"
+  "ZmRh0V": {
+    "defaultMessage": "Updated on:",
+    "description": "PostPreviewMeta: update date label"
+  },
+  "aBQYbE": {
+    "defaultMessage": "{topicsCount, plural, =0 {Topics:} one {Topic:} other {Topics:}}",
+    "description": "PostPreviewMeta: topics label"
   },
   "azgQuH": {
     "defaultMessage": "You should read {title}",
@@ -487,14 +511,6 @@
     "defaultMessage": "Contact form",
     "description": "Contact: form accessible name"
   },
-  "bfPp0g": {
-    "defaultMessage": "Comments:",
-    "description": "Summary: comments label"
-  },
-  "bk0WOp": {
-    "defaultMessage": "Thematics:",
-    "description": "Summary: thematics label"
-  },
   "bojYF5": {
     "defaultMessage": "Home",
     "description": "Layout: main nav - home link"
@@ -507,10 +523,6 @@
     "defaultMessage": "Main navigation",
     "description": "Layout: main nav accessible name"
   },
-  "f0Z/Po": {
-    "defaultMessage": "Updated on:",
-    "description": "Summary: update date label"
-  },
   "fN04AJ": {
     "defaultMessage": "<link>Download the CV in PDF</link>",
     "description": "CVPage: download CV in PDF text"
@@ -555,6 +567,10 @@
     "defaultMessage": "Repositories:",
     "description": "ProjectsPage: repositories label"
   },
+  "iG5SHf": {
+    "defaultMessage": "{postTitle} cover",
+    "description": "PostPreview: an accessible name for the figure wrapping the cover"
+  },
   "iv3Ex1": {
     "defaultMessage": "{postsCount, plural, =0 {No articles} one {# article} other {# articles}}",
     "description": "ThematicPage: posts count meta"
@@ -655,10 +671,6 @@
     "defaultMessage": "Projects",
     "description": "Layout: main nav - projects link"
   },
-  "r/6HOI": {
-    "defaultMessage": "Written by:",
-    "description": "Summary: author label"
-  },
   "s1i43J": {
     "defaultMessage": "{minutesCount} minutes",
     "description": "useReadingTime: rounded minutes count"
@@ -707,10 +719,6 @@
     "defaultMessage": "Light theme",
     "description": "PrismThemeToggle: light theme label"
   },
-  "tyzdql": {
-    "defaultMessage": "Reading time:",
-    "description": "Summary: reading time label"
-  },
   "u41qSk": {
     "defaultMessage": "Website:",
     "description": "CommentForm: website label"
@@ -759,22 +767,18 @@
     "defaultMessage": "Sending mail...",
     "description": "ContactForm: spinner message on submit"
   },
+  "y+13Ax": {
+    "defaultMessage": "{minutesCount, plural, =0 {Less than one minute} one {# minute} other {# minutes}}",
+    "description": "PostPreviewMeta: rounded minutes count"
+  },
   "yB1SPF": {
     "defaultMessage": "CC BY SA",
     "description": "Layout: copyright title"
   },
-  "yIZ+AC": {
-    "defaultMessage": "Topics:",
-    "description": "Summary: topics label"
-  },
   "yN5P+m": {
     "defaultMessage": "Message:",
     "description": "ContactForm: message label"
   },
-  "ye/vlA": {
-    "defaultMessage": "{commentsCount, plural, =0 {No comments} one {# comment} other {# comments}}<a11y> about {title}</a11y>",
-    "description": "Summary: comments count"
-  },
   "yfgMcl": {
     "defaultMessage": "Introduction:",
     "description": "Sharing: email content prefix"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index fa2a65f..25991d4 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -3,6 +3,10 @@
     "defaultMessage": "Profil Gitlab",
     "description": "CVPage: Gitlab profile link"
   },
+  "+6f4p1": {
+    "defaultMessage": "Publié le :",
+    "description": "PostPreviewMeta: publication date label"
+  },
   "+Dre5J": {
     "defaultMessage": "Projets open-source",
     "description": "CVPage: social media widget title"
@@ -63,6 +67,10 @@
     "defaultMessage": "Thème sombre",
     "description": "ThemeToggle: dark theme label"
   },
+  "2U7ixo": {
+    "defaultMessage": "Écrit par :",
+    "description": "PostPreviewMeta: author label"
+  },
   "2fD5CI": {
     "defaultMessage": "Laisser une réponse",
     "description": "Comment: comment form title"
@@ -151,6 +159,10 @@
     "defaultMessage": "Mis à jour le :",
     "description": "TopicPage: update date label"
   },
+  "9MTBCG": {
+    "defaultMessage": "{thematicsCount, plural, =0 {Thématiques :} one {Thématique :} other {Thématiques :}}",
+    "description": "PostPreviewMeta: thematics label"
+  },
   "9MeLN3": {
     "defaultMessage": "{articlesCount, plural, =0 {# article chargé} one {# article chargé} other {# articles chargés}} sur un total de {total}",
     "description": "PostsList: loaded articles progress"
@@ -179,6 +191,10 @@
     "defaultMessage": "Aller à la page {number}",
     "description": "PostsList: pagination page link label"
   },
+  "B1lS/v": {
+    "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"
@@ -187,6 +203,10 @@
     "defaultMessage": "Autres formats",
     "description": "CVPage: cv preview widget title"
   },
+  "BYdQze": {
+    "defaultMessage": "En lire plus<a11y> à propos de {postTitle}</a11y>",
+    "description": "PostPreview: read more link"
+  },
   "Bh7z5v": {
     "defaultMessage": "E-mail :",
     "description": "CommentForm: email label"
@@ -231,6 +251,10 @@
     "defaultMessage": "Mis à jour le :",
     "description": "Page: update date label"
   },
+  "FCpPCm": {
+    "defaultMessage": "Commentaires :",
+    "description": "PostPreviewMeta: comments label"
+  },
   "FdF33B": {
     "defaultMessage": "Illustration de {title}",
     "description": "ProjectsPage: figure (cover) accessible name"
@@ -327,6 +351,10 @@
     "defaultMessage": "Partager sur Twitter",
     "description": "Sharing: Twitter sharing link"
   },
+  "NfAn9N": {
+    "defaultMessage": "{commentsCount, plural, =0 {0 commentaire} one {# commentaire} other {# commentaires}}<a11y> à propos de {title}</a11y>",
+    "description": "PostPreviewMeta: comments count"
+  },
   "Nx8Jo5": {
     "defaultMessage": "Profil Github",
     "description": "ProjectsPage: Github profile link"
@@ -367,10 +395,6 @@
     "defaultMessage": "CV",
     "description": "Layout: main nav - cv link"
   },
-  "RNVe1W": {
-    "defaultMessage": "Illustration de {title}",
-    "description": "Summary: figure (cover) accessible name"
-  },
   "RecdwX": {
     "defaultMessage": "Publié le :",
     "description": "ArticlePage: publication date label"
@@ -399,10 +423,6 @@
     "defaultMessage": "Une erreur est survenue :",
     "description": "Contact: error message"
   },
-  "TvQ2Ee": {
-    "defaultMessage": "Publié le :",
-    "description": "Summary: publication date label"
-  },
   "UTGhUU": {
     "defaultMessage": "Publié le :",
     "description": "ThematicPage: publication date label"
@@ -475,9 +495,13 @@
     "defaultMessage": "Résultats de la recherche pour {query}",
     "description": "SearchPage: SEO - Page title"
   },
-  "Zpgv+f": {
-    "defaultMessage": "En lire plus<a11y> à propos de {title}</a11y>",
-    "description": "Summary: read more link"
+  "ZmRh0V": {
+    "defaultMessage": "Mis à jour le :",
+    "description": "PostPreviewMeta: update date label"
+  },
+  "aBQYbE": {
+    "defaultMessage": "{topicsCount, plural, =0 {Sujets :} one {Sujet :} other {Sujets :}}",
+    "description": "PostPreviewMeta: topics label"
   },
   "azgQuH": {
     "defaultMessage": "Vous devriez lire {title}",
@@ -487,14 +511,6 @@
     "defaultMessage": "Formulaire de contact",
     "description": "Contact: form accessible name"
   },
-  "bfPp0g": {
-    "defaultMessage": "Commentaires :",
-    "description": "Summary: comments label"
-  },
-  "bk0WOp": {
-    "defaultMessage": "Thématiques :",
-    "description": "Summary: thematics label"
-  },
   "bojYF5": {
     "defaultMessage": "Accueil",
     "description": "Layout: main nav - home link"
@@ -507,10 +523,6 @@
     "defaultMessage": "Navigation principale",
     "description": "Layout: main nav accessible name"
   },
-  "f0Z/Po": {
-    "defaultMessage": "Mis à jour le :",
-    "description": "Summary: update date label"
-  },
   "fN04AJ": {
     "defaultMessage": "<link>Télécharger le CV au format PDF</link>",
     "description": "CVPage: download CV in PDF text"
@@ -555,6 +567,10 @@
     "defaultMessage": "Dépôts :",
     "description": "ProjectsPage: repositories label"
   },
+  "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"
@@ -655,10 +671,6 @@
     "defaultMessage": "Projets",
     "description": "Layout: main nav - projects link"
   },
-  "r/6HOI": {
-    "defaultMessage": "Écrit par :",
-    "description": "Summary: author label"
-  },
   "s1i43J": {
     "defaultMessage": "{minutesCount} minutes",
     "description": "useReadingTime: rounded minutes count"
@@ -707,10 +719,6 @@
     "defaultMessage": "Thème clair",
     "description": "PrismThemeToggle: light theme label"
   },
-  "tyzdql": {
-    "defaultMessage": "Temps de lecture :",
-    "description": "Summary: reading time label"
-  },
   "u41qSk": {
     "defaultMessage": "Site web :",
     "description": "CommentForm: website label"
@@ -759,22 +767,18 @@
     "defaultMessage": "Mail en cours d’envoi…",
     "description": "ContactForm: spinner message on submit"
   },
+  "y+13Ax": {
+    "defaultMessage": "{minutesCount, plural, =0 {Moins d’une minute} one {# minute} other {# minutes}}",
+    "description": "PostPreviewMeta: rounded minutes count"
+  },
   "yB1SPF": {
     "defaultMessage": "CC BY SA",
     "description": "Layout: copyright title"
   },
-  "yIZ+AC": {
-    "defaultMessage": "Sujets :",
-    "description": "Summary: topics label"
-  },
   "yN5P+m": {
     "defaultMessage": "Message :",
     "description": "ContactForm: message label"
   },
-  "ye/vlA": {
-    "defaultMessage": "{commentsCount, plural, =0 {0 commentaire} one {# commentaire} other {# commentaires}}<a11y> à propos de {title}</a11y>",
-    "description": "Summary: comments count"
-  },
   "yfgMcl": {
     "defaultMessage": "Introduction :",
     "description": "Sharing: email content prefix"