[Enhancement]: Improve Scoreboard Dragging UX

[Jawad-A02]

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement:
I am a user who loves playing the DOTS & BOXES, and I believe improving the scoreboard dragging functionality would greatly enhance the overall user experience.

Currently, when hovering over the scoreboard, the mouse cursor indicates that the scoreboard can be moved. However, dragging is only functional within the outer white box and does not work when dragging by the text. This can lead to a confusing user experience as the visual cue (cursor change) suggests the entire scoreboard is draggable.

Screen.Recording.2024-07-28.at.11.07.54.PM.mov

Describe the solution you'd like

Solution steps:
I am new to the project so those steps might not be in the correct order:

1. Identify the current event listeners for the drag functionality.
2. Extend the event listeners to cover the text area within the scoreboard.
3. Test the enhanced dragging functionality to ensure it works seamlessly when dragging both the outer white box and the text area.
4. Adjust any necessary CSS to ensure the cursor change remains consistent and intuitive.

Select program in which you are contributing

Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @Jawad-A02! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Dot-Box and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects