refactor(pages): refine Project pages

* refactor ProjectOverview component to let consumers handle the value
* extract project overview depending on Github to avoid fetching
Github API if the project is not on Github
* wrap dynamic import in a useMemo hook to avoid infinite rerender
* fix table of contents by adding a useMutationObserver hook to refresh
headings tree (without it useHeadingsTree is not retriggered once the
dynamic import is done)
* add Cypress tests

2 files changed, 14 insertions, 11 deletions

diff --git a/src/styles/pages/project.module.scss b/src/styles/pages/project.module.scss
deleted file mode 100644
index 69c0f8d..0000000
--- a/src/styles/pages/project.module.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@use "../abstracts/mixins" as mix;
-
-.widget {
-  @include mix.media("screen") {
-    @include mix.dimensions("md") {
-      > ul {
-        width: min-content;
-      }
-    }
-  }
-}
diff --git a/src/styles/pages/projects.module.scss b/src/styles/pages/projects.module.scss
index 33a0d42..ab5389d 100644
--- a/src/styles/pages/projects.module.scss
+++ b/src/styles/pages/projects.module.scss
@@ -13,3 +13,17 @@
 .card {
   height: 100%;
 }
+
+.overview {
+  margin-block: var(--spacing-md);
+}
+
+.sharing-widget {
+  @include mix.media("screen") {
+    @include mix.dimensions("md") {
+      ul {
+        width: min-content;
+      }
+    }
+  }
+}