refactor(pages): refine Thematic pages

* add a table of contents (however posts heading are
not included)
* rename posts list section title
* add a useThematic hook to refresh thematic contents
* add a useThematicLists hook to refresh thematics list
* add a `notIn` filter in thematics list fetcher to directly
remove unwanted thematics
* add Cypress tests

1 files changed, 2 insertions, 2 deletions

diff --git a/src/styles/pages/blog.module.scss b/src/styles/pages/blog.module.scss
index aebf263..d1819cd 100644
--- a/src/styles/pages/blog.module.scss
+++ b/src/styles/pages/blog.module.scss
@@ -7,7 +7,7 @@
 @use "partials/article-media";
 @use "partials/article-wp-blocks";
 
-.list {
+.posts-list {
   @include mix.media("screen") {
     @include mix.dimensions("md") {
       --col1: #{fun.convert-px(100)};
@@ -28,7 +28,7 @@
   }
 }
 
-.logo {
+.topic-logo {
   max-width: fun.convert-px(50);
   margin: 0 var(--spacing-xs) 0 0;
 }