Enhance help widget

[Ubayed-Bin-Sufian]

Summary

This PR improves the readability of the help widget.

Changes introduced:

1. Added the Record context in Advanced Mode.

2. Reordered the context based on Beginner and Advanced Mode for better organization.

3. Updated the order of elements:

   • Main Toolbar
   • Auxiliary Toolbar
   • Right-Click Contextual Block & Canvas Menu
   • Palettes

4. Added missing options:

   • Change Theme
   • Merge with Current Project
   • Load Plugin
   • Set Pitch Preview
   • Contextual Menu for Blocks
   • Contextual Menu for Canvas
   • Select

5. Refined content for:

   • Save (Advanced Mode)
   • Help
   • Grid

6. Updated color from #ffffff (white) to #292929 with 0.4 opacity to better match the Music Blocks theme.

Screenshots/video

Before

Screenshare.-.2025-02-11.12_37_02.AM.mp4

After

Screenshare.-.2025-02-11.12_40_01.AM.mp4

Checklist:

• My changes adhere to the project's contribution guidelines.
• Code changes have been implemented and tested.

[walterbender]

I don't quite get the new ordering. The record button seems out of place.
In general, I think the help content needs an overhaul. For example, the save menu descriptions are redundant. The grid menu is incomplete. The right click menu probably needs its own slide. et al.

[Ubayed-Bin-Sufian]

I don't quite get the new ordering. The record button seems out of place. In general, I think the help content needs an overhaul. For example, the save menu descriptions are redundant. The grid menu is incomplete. The right click menu probably needs its own slide. et al.

@walterbender I have added the changes. Please review.

[walterbender]

Maybe "Turn on/off music staffs." ?

[Ubayed-Bin-Sufian]

Yes. That would be great.

[Ubayed-Bin-Sufian]

Please have a look.

[walterbender]

Getting close.

A few issues:

Record is the only icon that is black instead of gray. Why?

Wrong icon on the theme selector

Maybe we want to add a slide with this pie menu before showing the copy/paste/delete slides.

We probably want to add this one too... and then add slides for the select area button (which only appears on this menu).

[Ubayed-Bin-Sufian]

@walterbender I have added the requested changes. Please review.

[walterbender]

This is a big improvement. I think we can sort out some issues with the piemenu artwork in a separate PR. But is there one more slide that needs to be added? The select button that only appears on the Canvas piemenu? I don't think there is any help for that one. It should be included after the Canvas piemenu slide.

[Ubayed-Bin-Sufian]

This is a big improvement. I think we can sort out some issues with the piemenu artwork in a separate PR. But is there one more slide that needs to be added? The select button that only appears on the Canvas piemenu? I don't think there is any help for that one. It should be included after the Canvas piemenu slide.

The select button is moved at the end of canvas piemenu slides and included in advanced mode. Also, canvas piemenu will only display in advanced mode too.