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

1 files changed, 4 insertions, 2 deletions

diff --git a/src/utils/helpers/strings.ts b/src/utils/helpers/strings.ts
index b8af61d..1f40b8f 100644
--- a/src/utils/helpers/strings.ts
+++ b/src/utils/helpers/strings.ts
@@ -23,8 +23,10 @@ export const slugify = (text: string): string =>
  * @param {string} text - A text to capitalize.
  * @returns {string} The capitalized text.
  */
-export const capitalize = (text: string): string =>
-  text.replace(/^\w/, (firstLetter) => firstLetter.toUpperCase());
+export const capitalize = <T extends string>(text: T): Capitalize<T> =>
+  text.replace(/^\w/, (firstLetter) =>
+    firstLetter.toUpperCase()
+  ) as Capitalize<T>;
 
 /**
  * Convert a text from kebab case (foo-bar) to camel case (fooBar).