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, 22 insertions, 0 deletions

diff --git a/src/components/templates/page/loading-page-comments.stories.tsx b/src/components/templates/page/loading-page-comments.stories.tsx
new file mode 100644
index 0000000..6069068
--- /dev/null
+++ b/src/components/templates/page/loading-page-comments.stories.tsx
@@ -0,0 +1,22 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { LoadingPageComments } from './loading-page-comments';
+
+/**
+ * LoadingPageComments - Storybook Meta
+ */
+export default {
+  title: 'Templates/LoadingPageComments',
+  component: LoadingPageComments,
+  parameters: {
+    layout: 'fullscreen',
+  },
+} as ComponentMeta<typeof LoadingPageComments>;
+
+const Template: ComponentStory<typeof LoadingPageComments> = (args) => (
+  <LoadingPageComments {...args} />
+);
+
+/**
+ * LoadingPageComments Stories - Example
+ */
+export const Example = Template.bind({});