docs: opnemen gerelateerde componenten data op website voor alle componenten

Onderdeel van #3966

Considers that some relations might not have a component page yet because not yet Help Wanted.

Author: Charlotte Gieltjes

docs/handboek/definition-of-done/help-wanted-stappenplan.mdx

@@ -113,7 +113,7 @@ Het kan voorkomen dat andere componenten sterk gerelateerd zijn aan dit componen
 ```md
 ## Gerelateerde componenten
 
-X, Y, of Z.
+X, Y, Z
 ```
 
 **🚩 Checkpoint**: Discussion URL

src/components/ComponentPage.tsx

@@ -216,7 +216,11 @@ export const Related = ({ component }: ComponentPageSectionProps) => {
         Gerelateerde componenten:{' '}
         {relatedComponents.map((relatedComponent, index) => (
           <>
-            <Link href={`/${relatedComponent.toLowerCase().replaceAll(' ', '-')}/`}>{relatedComponent}</Link>
+            {relatedComponent.slug ? (
+              <Link href={relatedComponent.slug}>{relatedComponent.name}</Link>
+            ) : (
+              relatedComponent.name
+            )}
             {index < relatedComponents.length - 1 ? ', ' : '.'}
           </>
         ))}