Fixed hydration error within Index.tsx

[0xScratch]

Basically, I was trying out this template to know how all this stuff works and following the instructions mentioned in the README.md. Changed nothing except the inclusion of my IDs, keys, etc. That's where I faced these errors after running the development server. It happens mostly when refreshing the page.

Quickly got that it has something to do with the rendering stuff, thus made these fixes - Usage of useEffect in order to trigger a re-render on the client side.

Highly appreciate it if you could get a better approach or if there's another way by which this issue can be solved. But honestly, this change of code does work. Thus, thought of pushing it out to the codebase itself.

Thanks!