Add reusable loading skeleton components

[flacial]

Description

Currently, when a user open https://c0d3.com, some parts of the app are empty because the content that's supposed to show is still not available.

Why do we need Loading Skeletons?

1. They improve the user experience by providing a visual indication that something is happening, rather than just showing empty areas. This can help reduce user frustration and improve perceived performance.
2. They improve the overall aesthetic of the UI by filling in empty space and creating a more cohesive design.
3. They improve the user's perception of performance by reducing the time it takes for content to load.

Resolving the issue

Come up with a design for the loading skeletons and share a POC with the engineers.