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, 6 insertions, 3 deletions

diff --git a/tests/msw/handlers/topics/topics-list.handler.ts b/tests/msw/handlers/topics/topics-list.handler.ts
index 5e3e31a..4b09c5a 100644
--- a/tests/msw/handlers/topics/topics-list.handler.ts
+++ b/tests/msw/handlers/topics/topics-list.handler.ts
@@ -23,10 +23,13 @@ export const topicsListHandler = graphql.query<
     variableValues: variables,
     rootValue: {
       topics({ after, first, where }: typeof variables) {
-        const { search, title } = where ?? {};
-        const filteredTopicsByTitle = title
-          ? wpTopicsFixture.filter((topic) => topic.title.includes(title))
+        const { notIn, search, title } = where ?? {};
+        const filteredTopicsById = notIn
+          ? wpTopicsFixture.filter((topic) => !notIn.includes(topic.databaseId))
           : wpTopicsFixture;
+        const filteredTopicsByTitle = title
+          ? filteredTopicsById.filter((topic) => topic.title.includes(title))
+          : filteredTopicsById;
         const filteredTopics = search
           ? filteredTopicsByTitle.filter((topic) =>
               topic.title.includes(search)