Add toggleable piano samples for MIDI controller playback

[Copilot]

Adds piano sample playback functionality to enable users to hear notes when playing with a MIDI controller. The feature is toggleable so users can still use sounds from their own keyboard if desired.

Implementation

The piano samples are generated in real-time using the Web Audio API rather than loading external audio files. This keeps the application lightweight while providing high-quality piano-like tones.

Sound Generation:

• Uses a triangle wave oscillator for a more musical tone quality
• Implements an ADSR (Attack-Decay-Sustain-Release) envelope for realistic piano sound decay
• Properly tracks active notes and starts/stops oscillators based on MIDI note on/off events

User Interface:

• Added a piano keyboard emoji (🎹) toggle button next to the MIDI input dropdown
• Button changes color to indicate state: blue when enabled, gray when disabled
• Feature is disabled by default to preserve existing workflow

Changes

• PianoSound Component (apps/react/src/components/PianoSound.tsx): New component that listens to MIDI note events from Redux and generates corresponding audio
• MIDI Redux Slice: Extended with pianoSamplesEnabled state and setPianoSamplesEnabled action
• MidiInputsDropdown: Added toggle button UI element
• App.tsx: Integrated the PianoSound component into the application

Testing

• All existing tests pass (35 passing)
• Added new unit tests for the piano samples toggle functionality
• TypeScript compilation succeeds with no errors

Fixes #[issue-number]

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fastdl.mongodb.org

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Need Piano Samples</issue_title>
<issue_description>Add piano samples to enable users to play with a midi-controller. Should be togglable so that users can still use sounds on their own keyboard if the desire.</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #241

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.