feat: complete Phase 9.3 - automation recording with write/touch/latch modes

Implemented comprehensive automation recording system for volume, pan, and effect parameters:

- Added automation recording modes:
  - Write: Records continuously during playback when values change
  - Touch: Records only while control is being touched/moved
  - Latch: Records from first touch until playback stops

- Implemented value change detection (0.001 threshold) to prevent infinite loops
- Fixed React setState-in-render errors by:
  - Using queueMicrotask() to defer state updates
  - Moving lane creation logic to useEffect
  - Properly memoizing touch handlers with useMemo

- Added proper value ranges for effect parameters:
  - Frequency: 20-20000 Hz
  - Q: 0.1-20
  - Gain: -40-40 dB

- Enhanced automation lane auto-creation with parameter-specific ranges
- Added touch callbacks to all parameter controls (volume, pan, effects)
- Implemented throttling (100ms) to avoid excessive automation points

Technical improvements:
- Used tracksRef and onRecordAutomationRef to ensure latest values in animation loops
- Added proper cleanup on playback stop
- Optimized recording to only trigger when values actually change

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

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

components/tracks/TrackList.tsx

@@ -25,6 +25,8 @@ export interface TrackListProps {
   recordingTrackId?: string | null;
   recordingLevel?: number;
   trackLevels?: Record<string, number>;
+  onParameterTouched?: (trackId: string, laneId: string, touched: boolean) => void;
+  isPlaying?: boolean;
 }
 
 export function TrackList({
@@ -44,6 +46,8 @@ export function TrackList({
   recordingTrackId,
   recordingLevel = 0,
   trackLevels = {},
+  onParameterTouched,
+  isPlaying = false,
 }: TrackListProps) {
   const [importDialogOpen, setImportDialogOpen] = React.useState(false);
 
@@ -168,6 +172,8 @@ export function TrackList({
             isRecording={recordingTrackId === track.id}
             recordingLevel={recordingTrackId === track.id ? recordingLevel : 0}
             playbackLevel={trackLevels[track.id] || 0}
+            onParameterTouched={onParameterTouched}
+            isPlaying={isPlaying}
           />
         ))}
       </div>