Fixes #3681 Note Value Icons now display for Apple Devices

[jivansh77]

Summary

This PR introduces a noteBlockGenerator method in ProtoBlock to create blocks with custom SVG representations specifically for Apple devices.

Changes

• Generates SVG for musical notes (whole, half, sixteenth, thirty-second, and sixty-fourth).
• Utilizes a switch statement to select the appropriate SVG path based on the block name.
• Modified WholeNoteBlock, HalfNoteBlock, and others to use the new generator method.
• Ensured that only Apple devices utilize this generator.

[jivansh77]

@walterbender @pikurasa Please review this PR.

[walterbender]

I hadn't realized this was a problem on Apple devices. Is there an associated issue for this?
I wonder if we don't want to just use this (SVG) for all devices to simplify the code?

[pikurasa]

I hadn't realized this was a problem on Apple devices. Is there an associated issue for this? I wonder if we don't want to just use this (SVG) for all devices to simplify the code?

The associated issue is #3681

I agree that it's worth trying SVG for all devices, not just Apple.

[jivansh77]

@pikurasa @walterbender The issue with some notes rendering was primarily observed on Apple devices due to differences in how certain Unicode characters are displayed.
While using SVGs universally could simplify the code, the current approach aims to minimize changes for other devices which support those Unicodes. However, I can remove the conditional and keep svg for all the notes, for all devices. Lemme know ur thoughts.