Interactive comments section us css grid, nextjs, typescript

Persisting data to localstorage in nextjs was a difficult task at the very last minute of the project's finalization. I got a solution from stackoverflow https://stackoverflow.com/questions/73271093/localstorage-resets-to-empty-on-refresh-in-nextjs. A very big thank you to the author of the solution.

I wish to know a better and best way to handle the CRUD operations for the comments and replies. 😂. They are similar but not identical.