UI TODO:

1. make the board fit the screen.
2. make everything more responsive.
3. center the pawns.
4. button animation not happen on trackpad sidebar buttons

TODO:

write placeholders for the structure of the app.

weird blue shadow in 0,0

git add .;git commit -m "x";git push; git checkout main;git rebase staging;git push;git checkout staging;

https://www.freecodecamp.org/news/improve-reactjs-code/

** add walls owner add autoscroll history

sample

1. e1v d8v 2. e2 e8 3. e3 e7 4. e3v d6v 5. e4 e6 6. e5h d4h 7. b4v g5v 8. d4 f6 9. c4 g6 10. c5 g5 11. f4h c5h 12. c4 g6 13. f6h c3h 14. d4 c4v 15. e4 f6 16. e3 e6 17. d3 e7 18. e7v c2v 19. d2 e8 20. d1 e9 21. c1 b1h 22. f8h f9 23. b1 g9 24. a1 h9 25. a2 h8 26. a3 h7 27. h3h a6h 28. g2h h6 29. a4 h5 30. a5 h4 31. a6 g4 32. b6 g3 33. c6 f3 34. c7 f2 35. c8 f1

https://www.tiktok.com/@games4two/video/7196715975931137323?lang=en

https://www.youtube.com/shorts/QHkXxJGFrZM

share gif feature

https://www.chess.com/news/view/published-data-api