refactor(pages): refine Blog pages

* replace usePostsList with useArticlesList to keep names coherent
* remove useIsMounted hook
* rewrite useRedirection hook
* add redirect in getStaticProps to avoid unecessary fetching
* move Pagination component in a noscript tag
* use hooks to refresh thematics and topics lists
* complete Cypress tests

2 files changed, 16 insertions, 44 deletions

diff --git a/src/styles/pages/Page.module.scss b/src/styles/pages/Page.module.scss
deleted file mode 100644
index 5c2848e..0000000
--- a/src/styles/pages/Page.module.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-@use "../abstracts/functions" as fun;
-@use "../abstracts/placeholders";
-
-.article {
-  composes: grid from "../layout/_grid.scss";
-  align-items: start;
-
-  > header {
-    grid-column: 1 / -1;
-  }
-
-  > footer,
-  .body {
-    grid-column: 2;
-  }
-
-  &--no-comments {
-    margin-bottom: var(--spacing-xl);
-  }
-}
-
-.body noscript {
-  display: block;
-  width: 100%;
-  text-align: center;
-}
-
-li.item {
-  margin: 0 0 var(--spacing-md) 0;
-  border-bottom: fun.convert-px(1) solid var(--color-border);
-}
-
-.comments {
-  grid-column: 1 / -1;
-  composes: grid from "../layout/_grid.scss";
-  margin: var(--spacing-md) 0 0;
-  padding: var(--spacing-md) 0 var(--spacing-lg);
-  background: var(--color-bg-secondary);
-  border-top: fun.convert-px(3) solid var(--color-border-light);
-
-  > * {
-    grid-column: 2;
-  }
-}
diff --git a/src/styles/pages/blog.module.scss b/src/styles/pages/blog.module.scss
index e8d0034..553e9f9 100644
--- a/src/styles/pages/blog.module.scss
+++ b/src/styles/pages/blog.module.scss
@@ -7,6 +7,22 @@
 @use "partials/article-media";
 @use "partials/article-wp-blocks";
 
+.posts-list {
+  @include mix.media("screen") {
+    @include mix.dimensions("md") {
+      --col1: #{fun.convert-px(100)};
+      --gap: var(--spacing-lg);
+
+      margin-top: var(--spacing-md);
+      margin-left: calc((var(--col1) + var(--gap)) * -1);
+    }
+  }
+}
+
+.pagination {
+  margin-top: var(--spacing-md);
+}
+
 .sharing-widget {
   @include mix.media("screen") {
     @include mix.dimensions("md") {