feat: implement sound removal functionality in SequencerPage and update SequencerCanvas props

src/pages/SequencerPage.tsx

@@ -258,6 +258,17 @@ export function SequencerPage() {
     setState(prev => ({ ...prev, duration }))
   }
 
+  const handleRemoveSound = (soundId: string, trackId: string) => {
+    setState(prev => ({
+      ...prev,
+      tracks: prev.tracks.map(track =>
+        track.id === trackId
+          ? { ...track, sounds: track.sounds.filter(sound => sound.id !== soundId) }
+          : track
+      ),
+    }))
+  }
+
   const handleVerticalScroll = useCallback(() => {
     if (trackControlsRef.current && sequencerCanvasRef.current) {
       const canvasScrollTop = sequencerCanvasRef.current.scrollTop
@@ -346,6 +357,7 @@ export function SequencerPage() {
                   onScroll={handleVerticalScroll}
                   draggedItem={draggedItem}
                   dragOverInfo={dragOverInfo}
+                  onRemoveSound={handleRemoveSound}
                 />
               </div>
             </div>