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