Bugs fixed

I have fixed the counter bar. Previously, It would just accept a initial message count from the server and increment every new message. This is prone is some issues and does not hydrate properly

I have now fixed this by just listening to postgresql changes and applying state immediantly on client.

Features added

Mobile is now more optimized, as it changed the interval to “roll” for recycled messages from 250ms to 1000ms on mobile. Same with the message spawning height, on mobile it would spawn on the visible page which is not very convincing as a effect.

I used a new package: react-device-detect to check for mobile.

Below is the code for counter, I fetch the initial counter in a promise, and apply. Then we also listen for changes and apply