Note mismatch between piano illustration and sounds

[jdwilkin4]

Describe the bug
When I was trying out the app, I clicked on the first note which is depicted as an F but the sound and note named displayed said it was a C. Here are all of the current notes displayed when only clicking on the white keys

It looks like everything would need to be shifted by a 4th so the first sound would be an F4 so it matches the piano illustration.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://pianoparty.netlify.app/
2. Click on the first white key
3. See the result say C4
4. Compare that first note to F4 from this online virtual piano to hear the difference https://www.musicca.com/piano

Expected behavior
Notes should match with illustration

Screenshots
see screenshots above

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[github-actions]

Thanks for the issue, our team will look into it as soon as possible! If you would like to work on this issue, please wait for us to decide if it's ready. The issue will be ready to work on once we remove the "needs triage" label.

To claim an issue that does not have the "needs triage" label, please leave a comment that says ".take".

For full info on how to contribute, please check out our contributors guide.

[nickytonline]

Fixed by 16eba0f and 19843e2.