feat(chip-stack): implement accurate visualization of poker chip stack

Proposed Changes

https://gyazo.com/92ab6b9293614ff0bb2e91b4859688c6

Implementing the visualization of poker chips on the table. This needs to be performant as changes are constantly going to be happening to different stacks on the table. So want minimal Long running tasks.

Tasks:

[x] Test using inline svg rendering with dynamic fills Result: ~220ms page lag updating a 100 chip stack
[x] Test using img individual chip svg rendering with browser caching Result: ~50ms page updating a 100 chip stack
[x] Test using img group stack chip svg rendering with browser cache Result: ~38ms page updates on a 100 chip stack Not classifed as a long running task anymore. Good enough!!
[x] Display Chip value on top chip (in HTML as it'll be easier to format)

If I'm feeling Frisky: ~Rust W.A.S.M Rendering for poker chip display :DDD Would be fucking insanely optimal, but would require a lot of research and probably a different infrastucture hosting for the wasm code. I'm trying to tell my self to KEEP IT SIMPLE STUPID, But this looks fucking epic as hell~

note: the poker chips assets them selves can be optimized. there are some un-seen objects that can be removed in the bottom chips. Would improve load times

Linked Issue

resolves #102

Types of changes

[x] New feature (non-breaking change which adds functionality)

Merge Checklist

[x] My code follows the code style of this project.
[x] All new and existing tests passed.
[x] Any dependent changes have been merged in downstream modules.
[x] I have provided inline technical documentation (tsdocs) where necessary.

broology / poker-moons