feat: add documentation page for page body and root

Author: jeffreylauwers

docs/componenten/page-body/index.mdx

@@ -0,0 +1,44 @@
+---
+title: Page Body
+hide_title: true
+hide_table_of_contents: false
+sidebar_label: Page Body
+pagination_label: Page Body
+description: De hoofdinhoud en eventuele aanvullende informatie.
+slug: /page-body
+keywords:
+  - body
+  - main
+---
+
+{/* @license CC0-1.0 */}
+
+import componentProgress from "@nl-design-system/component-progress/dist/index.json";
+import {
+  DefinitionOfDone,
+  HelpImproveComponent,
+  Implementations,
+  Introduction,
+  Related,
+} from "@site/src/components/ComponentPage";
+
+{/* Add name and description for the component */}
+export const title = "{naam-component}";
+export const description = "{beschrijving-component}";
+export const issueNumber = {github-issue-nummer};
+
+export const component = componentProgress.find((item) => item.number === issueNumber);
+
+<Introduction component={component} headingLevel={1} description={description} />
+
+## Definition of Done
+
+<DefinitionOfDone component={component} headingLevel={3} />
+
+## Community implementaties
+
+<Implementations component={component} headingLevel={3} />
+
+<Related component={component} />
+
+<HelpImproveComponent component={component} headingLevel={2} />

docs/componenten/root/index.mdx

@@ -0,0 +1,44 @@
+---
+title: Root
+hide_title: true
+hide_table_of_contents: false
+sidebar_label: Root
+pagination_label: Root
+description: Onderlaag waarin basiskeuzes worden gemaakt voor alle componenten die in de website zitten.
+slug: /root
+keywords:
+  - html
+  - body
+---
+
+{/* @license CC0-1.0 */}
+
+import componentProgress from "@nl-design-system/component-progress/dist/index.json";
+import {
+  DefinitionOfDone,
+  HelpImproveComponent,
+  Implementations,
+  Introduction,
+  Related,
+} from "@site/src/components/ComponentPage";
+
+{/* Add name and description for the component */}
+export const title = "{naam-component}";
+export const description = "{beschrijving-component}";
+export const issueNumber = {github-issue-nummer};
+
+export const component = componentProgress.find((item) => item.number === issueNumber);
+
+<Introduction component={component} headingLevel={1} description={description} />
+
+## Definition of Done
+
+<DefinitionOfDone component={component} headingLevel={3} />
+
+## Community implementaties
+
+<Implementations component={component} headingLevel={3} />
+
+<Related component={component} />
+
+<HelpImproveComponent component={component} headingLevel={2} />