feat: Add professional 3D handles, glass patterns, and living room scene

✨ New Features:
- 6 procedural 3D handles (Beugelgreep, Hoekgreep, Maangreep, Ovaalgreep, Klink, U-greep)
- Glass pattern generator (Standard, DT9 rounded corners, DT10 U-shapes)
- Dynamic living room scene with adaptive doorway
- Enhanced camera controls (zoomed out, more freedom)
- Texture loading system (prepared for future enhancement)

🎨 Visual Improvements:
- Professional handle details (screws, mounting blocks, rosettes)
- Realistic materials (metalness 0.95, proper roughness)
- Living room context (wood floor, white walls, baseboards)
- Better lighting (sunlight simulation, fill lights)
- Apartment environment preset

🏗️ Technical:
- Parametric glass shapes with THREE.Shape
- Dynamic doorway sizing based on door dimensions
- Store updates for handle and glass pattern types
- UI components for all new options

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

lib/store.ts

@@ -8,11 +8,12 @@ import {
   type DoorConfig,
   type SidePanel,
 } from './calculations';
+import type { GlassPattern } from './glass-patterns';
 
 export type DoorType = 'taats' | 'scharnier' | 'paneel';
 export type GridType = '3-vlak' | '4-vlak' | 'geen';
 export type Finish = 'zwart' | 'brons' | 'grijs';
-export type Handle = 'u-greep' | 'klink' | 'geen';
+export type Handle = 'beugelgreep' | 'hoekgreep' | 'maangreep' | 'ovaalgreep' | 'klink' | 'u-greep' | 'geen';
 
 interface ConfiguratorState {
   // Door configuration
@@ -24,6 +25,7 @@ interface ConfiguratorState {
   gridType: GridType;
   finish: Finish;
   handle: Handle;
+  glassPattern: GlassPattern;
 
   // Dimensions (in mm)
   width: number;
@@ -43,6 +45,7 @@ interface ConfiguratorState {
   setGridType: (type: GridType) => void;
   setFinish: (finish: Finish) => void;
   setHandle: (handle: Handle) => void;
+  setGlassPattern: (pattern: GlassPattern) => void;
   setWidth: (width: number) => void;
   setHeight: (height: number) => void;
   setDimensions: (width: number, height: number) => void;
@@ -68,7 +71,8 @@ export const useConfiguratorStore = create<ConfiguratorState>((set, get) => ({
   sidePanel: 'geen',
   gridType: '3-vlak',
   finish: 'zwart',
-  handle: 'u-greep',
+  handle: 'beugelgreep',
+  glassPattern: 'standard',
   width: 1000,
   height: 2400,
 
@@ -101,6 +105,8 @@ export const useConfiguratorStore = create<ConfiguratorState>((set, get) => ({
 
   setHandle: (handle) => set({ handle }),
 
+  setGlassPattern: (glassPattern) => set({ glassPattern }),
+
   setWidth: (width) => {
     const { doorConfig, sidePanel } = get();
     const minWidth = calculateHoleMinWidth(doorConfig, sidePanel);