docs: opnemen gerelateerde componenten data op website voor alle componenten (#4033)

Onderdeel van
#3966

- Opgenomen 'gerelateerde componenten' data op website voor alle
componenten.
- JSON format geupdate zodat we rekening houden met componenten die nog
niet op de website staan en dus nog geen slug hebben.
- Handboek `X, Y, Z.` aangepast naar `X, Y, Z` omdat we consistent dit
zonder `.` doen.

---------

Co-authored-by: Charlotte Gieltjes <charlotte.gieltjes@rebels.io>

Author: eslook

.github/workflows/cd.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Check for known security issues with npm packages
         run: |
           echo "Auditing npm dependencies before installing them. For more information, see: https://nldesignsystem.nl/pnpm-audit"
-          pnpm audit --audit-level critical
+          pnpm audit --audit-level critical --ignore-registry-errors
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -79,7 +79,7 @@ jobs:
       - name: Check for known security issues with npm packages
         run: |
           echo "Auditing npm dependencies before installing them. For more information, see: https://nldesignsystem.nl/pnpm-audit"
-          pnpm audit --audit-level critical
+          pnpm audit --audit-level critical --ignore-registry-errors
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -115,7 +115,7 @@ jobs:
       - name: Check for known security issues with npm packages
         run: |
           echo "Auditing npm dependencies before installing them. For more information, see: https://nldesignsystem.nl/pnpm-audit"
-          pnpm audit --audit-level critical
+          pnpm audit --audit-level critical --ignore-registry-errors
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile

.github/workflows/publish.yml

@@ -32,7 +32,7 @@ jobs:
       - name: Check for known security issues with npm packages
         run: |
           echo "Auditing npm dependencies before installing them. For more information, see: https://nldesignsystem.nl/pnpm-audit"
-          pnpm audit --audit-level critical
+          pnpm audit --audit-level critical --ignore-registry-errors
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile

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

@@ -218,7 +218,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 ? ', ' : '.'}
           </>
         ))}