refactor(pages): refine Article pages

* use rehype to update code blocks class names
* fix widget heading level (after a level 1 it should always be a level
2 and not 3)
* replace Spinner with LoadingPage and LoadingPageComments components to
keep layout coherent
* refactor useArticle and useComments hooks
* fix URLs in JSON LD schema
* add Cypress tests

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/templates/page/loading-page-comments.test.tsx b/src/components/templates/page/loading-page-comments.test.tsx
new file mode 100644
index 0000000..b9ccb3e
--- /dev/null
+++ b/src/components/templates/page/loading-page-comments.test.tsx
@@ -0,0 +1,13 @@
+import { describe, expect, it } from '@jest/globals';
+import { render, screen as rtlScreen } from '../../../../tests/utils';
+import { LoadingPageComments } from './loading-page-comments';
+
+describe('LoadingPageComments', () => {
+  it('renders a spinner', () => {
+    render(<LoadingPageComments />);
+
+    expect(
+      rtlScreen.getByText('The comments are loading...')
+    ).toBeInTheDocument();
+  });
+});