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)/components/build-timeline.tsx

@@ -242,7 +242,7 @@ export const BuildTimeline = ({ data }: BuildTimelineProps) => {
 
               {/* Link to detailed documentation */}
               <a
-                href="/releases"
+                href="/documentatie"
                 className="inline-flex items-center gap-2 text-teal-600 hover:text-teal-700 font-medium text-sm transition-colors"
               >
                 <span>Bekijk uitgebreide documentatie</span>

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

@@ -84,10 +84,10 @@ export default async function ReleasePage({ params }: ReleasePageProps) {
         </div>
 
         {/* Footer Navigation */}
-        <footer className="mt-12 pt-8 border-t border-slate-200">
+        <footer className="mt-12 pt-8 border-slate-200">
           <div className="flex justify-between items-center">
             <a
-              href="/releases"
+              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">

app/(marketing)/documentatie/components/release-sidebar.tsx

@@ -11,7 +11,7 @@ import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { ChevronRight, ChevronDown } from 'lucide-react'
 import { useState } from 'react'
-import type { ReleaseNote, GroupMetadata, CategoryMetadata } from '@/lib/mdx/releases'
+import type { ReleaseNote, GroupMetadata, CategoryMetadata } from '@/lib/mdx/documentatie'
 
 interface ReleaseSidebarProps {
   releases: ReleaseNote[]
@@ -46,7 +46,7 @@ export function ReleaseSidebar({ releases, metadata }: ReleaseSidebarProps) {
   }, {} as Record<string, ReleaseNote[]>)
 
   // Check if we're on a specific release page
-  const isReleaseDetail = pathname.startsWith('/releases/') && pathname !== '/releases'
+  const isReleaseDetail = pathname.startsWith('/documentatie/') && pathname !== '/documentatie'
 
   return (
     <>
@@ -54,9 +54,9 @@ export function ReleaseSidebar({ releases, metadata }: ReleaseSidebarProps) {
       <div className="lg:hidden bg-white border-b border-slate-200 sticky top-16 z-40">
         <div className="flex gap-2 p-4 overflow-x-auto">
           <Link
-            href="/releases"
+            href="/documentatie"
             className={`flex-shrink-0 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
-              pathname === '/releases'
+              pathname === '/documentatie'
                 ? 'bg-teal-100 text-teal-700'
                 : 'bg-slate-100 text-slate-600 hover:bg-slate-200'
             }`}
@@ -66,9 +66,9 @@ export function ReleaseSidebar({ releases, metadata }: ReleaseSidebarProps) {
           {releases.map((release) => (
             <Link
               key={release.slug}
-              href={`/releases/${release.slug}`}
+              href={`/documentatie/${release.slug}`}
               className={`flex-shrink-0 px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
-                pathname === `/releases/${release.slug}`
+                pathname === `/documentatie/${release.slug}`
                   ? 'bg-teal-100 text-teal-700'
                   : 'bg-slate-100 text-slate-600 hover:bg-slate-200'
               }`}
@@ -89,9 +89,9 @@ export function ReleaseSidebar({ releases, metadata }: ReleaseSidebarProps) {
           <nav className="space-y-1">
             {/* Overview link */}
             <Link
-              href="/releases"
+              href="/documentatie"
               className={`flex items-center justify-between px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
-                pathname === '/releases' && !isReleaseDetail
+                pathname === '/documentatie' && !isReleaseDetail
                   ? 'bg-teal-50 text-teal-700'
                   : 'text-slate-700 hover:bg-slate-50'
               }`}
@@ -125,12 +125,12 @@ export function ReleaseSidebar({ releases, metadata }: ReleaseSidebarProps) {
                     {isExpanded && (
                       <div className="space-y-1 ml-2">
                         {groupReleases.map((release) => {
-                          const isActive = pathname === `/releases/${release.slug}`
+                          const isActive = pathname === `/documentatie/${release.slug}`
 
                           return (
                             <Link
                               key={release.slug}
-                              href={`/releases/${release.slug}`}
+                              href={`/documentatie/${release.slug}`}
                               className={`flex items-center justify-between px-3 py-2 rounded-lg text-sm font-medium transition-colors group ${
                                 isActive
                                   ? 'bg-teal-50 text-teal-700'

app/(marketing)/documentatie/page.tsx

@@ -98,7 +98,7 @@ export default async function ReleasesPage() {
 function ReleaseCard({ release }: { release: any }) {
   return (
     <Link
-      href={`/releases/${release.slug}`}
+      href={`/documentatie/${release.slug}`}
       className="block bg-white rounded-lg border border-slate-200 p-6 hover:border-teal-300 hover:shadow-md transition-all"
     >
       <div className="flex items-start justify-between gap-4">