Add popup with overlap percentage #76
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
[Feature]: Add animated overlap popup with color-coded feedback
What does this change? This PR introduces a visual feedback popup that displays the percentage of overlap when a block is placed. The popup:
🖼️ Screenshots / Video Preview

✅ Checklist (Required)
Please check all boxes that apply and ensure your PR is ready for review.
[x] I have read the project's [CONTRIBUTING.md] guidelines.
[x] My code follows the project's coding style and conventions.
[x] I have performed a self-review of my own code.
[x] My changes generate no new errors or warnings in the browser console.
[x] I have tested my changes locally on the Vercel-simulated environment (if applicable).
[x] For UI changes, I have tested on different screen sizes (responsive design check).
[x] My commit message(s) are clear and descriptive.