Added bar lines to phrase-maker based on meter block

[jeetburman]

Implements visual bar lines in Phrase Maker widget that reflect meter block settings.

Changes:

• Detects current meter from turtle singer state
• Calculates bar positions based on beats per measure
• Applies thick border styling to show measure boundaries
• Supports all time signatures (4/4, 3/4, 6/8, etc.)

Fixes #4737

Before :

After :

[github-actions]

✅ All Jest tests passed! This PR is ready to merge.

[walterbender]

I like what you are trying to do. But I think you may be tagging beats rather than measures. That is what it looks like in the screenshot you shared.

[jeetburman]

Thank you for responding Walter. I will make the necessary tweaks asap.

[github-actions]

✅ All Jest tests passed! This PR is ready to merge.

[jeetburman]

Hello @walterbender , I did the needful changes. Pls review.
Now the measures are being tagged instead of beats

[walterbender]

I think you have this hardwired to 4/4.

[jeetburman]

@walterbender , apologies for prolonging this. I will make it flexible to other variations as well, not just for 4/4