refactor: rename /releases route to /documentatie

Complete route rename from /releases to /documentatie to better reflect
the continuous build-in-public nature of the project (not formal releases).

Changes:
- Renamed app/(marketing)/releases/ → app/(marketing)/documentatie/
- Renamed content/nl/releases/ → content/nl/documentatie/
- Updated all internal links from /releases to /documentatie
- Updated middleware publicRoutes (/releases → /documentatie)
- Updated navigation.json link
- Updated build-timeline.tsx documentation link
- Updated all component href attributes
- Updated lib/mdx/releases.ts content directory path
- Updated sidebar component paths and checks
- Updated MDX documentation files with new routes

Files changed:
- app/(marketing)/documentatie/[category]/page.tsx (footer link)
- app/(marketing)/documentatie/page.tsx (card links)
- app/(marketing)/documentatie/components/release-sidebar.tsx (all links)
- app/(marketing)/components/build-timeline.tsx (documentation link)
- content/nl/navigation.json (header link)
- content/nl/documentatie/*.mdx (internal references)
- middleware.ts (publicRoutes)
- lib/mdx/releases.ts (RELEASES_DIR path)

This prevents future confusion between "releases" (versioned software releases)
and "documentatie" (continuous build documentation).

Old URL: /releases/[category]
New URL: /documentatie/[category]

The old /releases route now returns 404 as expected.

app/(marketing)/documentatie/[category]/page.tsx

@@ -0,0 +1,130 @@
+/**
+ * Release Detail Page
+ *
+ * Renders individual release note from MDX file
+ */
+
+import { notFound } from 'next/navigation'
+import { MDXRemote } from 'next-mdx-remote/rsc'
+import { getRelease, getAllReleases } from '@/lib/mdx/releases'
+import { mdxComponents } from '../components/mdx-components'
+
+interface ReleasePageProps {
+  params: Promise<{
+    category: string
+  }>
+}
+
+// Generate static params for all releases
+export async function generateStaticParams() {
+  const releases = await getAllReleases()
+
+  return releases.map((release) => ({
+    category: release.slug,
+  }))
+}
+
+// Generate metadata for SEO
+export async function generateMetadata({ params }: ReleasePageProps) {
+  const { category } = await params
+  const release = await getRelease(category)
+
+  if (!release) {
+    return {
+      title: 'Release Not Found',
+    }
+  }
+
+  return {
+    title: `${release.frontmatter.title} - Documentatie`,
+    description: release.frontmatter.description,
+  }
+}
+
+export default async function ReleasePage({ params }: ReleasePageProps) {
+  const { category } = await params
+  const release = await getRelease(category)
+
+  if (!release) {
+    notFound()
+  }
+
+  const { frontmatter, content } = release
+
+  return (
+    <div className="min-h-screen bg-white pt-24 pb-16">
+      <article className="max-w-4xl mx-auto px-4 md:px-8">
+        {/* Header */}
+        <header className="mb-8 pb-8 border-b border-slate-200">
+          <div className="flex items-center gap-3 mb-4">
+            <StatusBadge status={frontmatter.status} />
+            <span className="text-sm text-slate-500">v{frontmatter.version}</span>
+            <span className="text-sm text-slate-500">•</span>
+            <time className="text-sm text-slate-500">
+              {new Date(frontmatter.releaseDate).toLocaleDateString('nl-NL', {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+              })}
+            </time>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold text-slate-900 mb-4">
+            {frontmatter.title}
+          </h1>
+
+          <p className="text-xl text-slate-600">
+            {frontmatter.description}
+          </p>
+        </header>
+
+        {/* MDX Content */}
+        <div className="prose prose-slate max-w-none">
+          <MDXRemote source={content} components={mdxComponents} />
+        </div>
+
+        {/* Footer Navigation */}
+        <footer className="mt-12 pt-8 border-slate-200">
+          <div className="flex justify-between items-center">
+            <a
+              href="/documentatie"
+              className="text-teal-600 hover:text-teal-700 font-medium flex items-center gap-2"
+            >
+              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
+              </svg>
+              Terug naar overzicht
+            </a>
+
+            <a
+              href="/#timeline"
+              className="text-slate-600 hover:text-slate-700 font-medium"
+            >
+              Bekijk timeline →
+            </a>
+          </div>
+        </footer>
+      </article>
+    </div>
+  )
+}
+
+function StatusBadge({ status }: { status: 'completed' | 'in_progress' | 'planned' }) {
+  const styles = {
+    completed: 'bg-teal-100 text-teal-700 border-teal-200',
+    in_progress: 'bg-amber-100 text-amber-700 border-amber-200',
+    planned: 'bg-slate-100 text-slate-600 border-slate-200',
+  }
+
+  const labels = {
+    completed: 'Voltooid',
+    in_progress: 'Bezig',
+    planned: 'Gepland',
+  }
+
+  return (
+    <span className={`inline-flex items-center px-3 py-1 rounded-full text-xs font-medium border ${styles[status]}`}>
+      {labels[status]}
+    </span>
+  )
+}