feat: add comprehensive documentation and client dashboard

- Rename releases.ts to documentatie.ts for better naming
- Add 'use client' directives to UI components for client-side rendering
- Add new documentation pages for features:
  - Client Management (CRUD operations)
  - Intake System (AI-powered intake analysis)
  - Treatment Planning (SMART goals and progress tracking)
  - Verpleegkundige Overdracht (nursing handover with ROM measurements)
  - Voice-Controlled Reporting (AI-driven speech recording)
  - Interface Design System (complete UI/UX specifications)
  - Build Errors Fix (troubleshooting guide)
- Add client dashboard page with route structure
- Update documentation index with new categories and planned features
- Refactor BentoCard to use native anchor tags instead of Button component

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/(marketing)/documentatie/layout.tsx

@@ -5,7 +5,7 @@
  */
 
 import type { ReactNode } from 'react'
-import { getAllReleases, getCategoryMetadata } from '@/lib/mdx/releases'
+import { getAllReleases, getCategoryMetadata } from '@/lib/mdx/documentatie'
 import ReleaseSidebar from './components/release-sidebar-wrapper'
 
 interface ReleasesLayoutProps {
@@ -18,13 +18,13 @@ export default async function ReleasesLayout({ children }: ReleasesLayoutProps)
 
   return (
     <div className="min-h-screen bg-slate-50">
-      <div className="max-w-[1400px] mx-auto">
+      <div className="max-w-[1600px] mx-auto">
         <div className="flex">
           {/* Sidebar - hidden on mobile, fixed on desktop */}
           <ReleaseSidebar releases={releases} metadata={metadata} />
 
           {/* Main Content */}
-          <div className="flex-1 lg:ml-64">
+          <div className="flex-1 lg:ml-80">
             {children}
           </div>
         </div>