Rename adding-installing-new-block.md to integrate-new-block.md

Tidy up html_meta
Add MyST markup

docs/customizing-volto-light-theme/index.md

@@ -30,7 +30,7 @@ This training is best suited for developers who have prior experience with Volto
 concepts
 creating-new-project
 installing-vlt
-adding-installing-new-block
+integrate-new-block
 theming
 question-answer
 ```

docs/customizing-volto-light-theme/integrate-new-block.md

@@ -0,0 +1,38 @@
+---
+myst:
+  html_meta:
+    "description": "Adding New Block"
+    "property=og:description": "Adding New Block"
+    "property=og:title": "Adding New Block"
+    "keywords": "Plone, Volto, Training, Volto Light Theme, Integrate, block"
+---
+
+# Integrate a new block
+
+In this training module, we'll learn how to integrate the `@plone-collective/volto-relateditems-block` into VLT. This block allows you to create links to related content in your Plone site.
+
+## Install `@plone-collective/volto-relateditems-block`
+
+To install the related items block, make sure you are in the {file}`frontend/packages/volto-my-project` folder, and use the following command:
+
+```shell
+pnpm install @plone-collective/volto-relateditems-block
+```
+
+After installation, ensure that the add-on is included in the `addons` key of your project's {file}`package.json`:
+
+```json
+"addons": [
+  "@eeacms/volto-accordion-block",
+  "@kitconcept/volto-button-block",
+  "@kitconcept/volto-heading-block",
+  "@kitconcept/volto-highlight-block",
+  "@kitconcept/volto-introduction-block",
+  "@kitconcept/volto-separator-block",
+  "@kitconcept/volto-slider-block",
+  "@plone-collective/volto-relateditems-block",
+  "@kitconcept/volto-light-theme"
+],
+```
+
+That's it! Your project should now be using `@plone-collective/volto-relateditems-block`, which shows related items for the content as a list of links.