[FEATURE] Add loading state spinner and lazy loading

[prime1999]

Is this a unique feature?

• I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

Just decided to improve user experience with a nice skeleton and spinner

Proposed Solution

Add loading state to repos, stats, and activity sections and also prepare a spinner and skeleton component

Screenshots

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

Add loading state to repos, stats, and activity sections and also prepare a spinner and skeleton component

[eddiejaoude]

If "yes" to above, please explain how you would technically implement this

Add loading state to repos, stats, and activity sections and also prepare a spinner and skeleton component

Please explain this again with a technical solution

[prime1999]

So the repos are been fetched from a backend but it will take some seconds or more for those with a bad network,
So the think is that I will create a loading state for the data that is been fetched, the stats, repos and the activities.
So if the data is still loading it will show the loader or a skeleton and also for the data that have been fetched but still yet to show on the website there will be a skeleton component for each parts.
I will extract each repo after mapping through them in the repos component and put each repo in a separate component called RepoList and call it in the repo component but they will have a fallback component to call the skeleton, something like this

[eddiejaoude]

NextJS has this built in, I think it would be better not to create our own but follow their documentation https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

[prime1999]

then I will update the code, let you know

[prime1999]

updated the code , I removed the spinner and used a skeleton instead so I used lazy loading as well,
https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading

[eddiejaoude]

ok I will take a look, where is the code?

[prime1999]

here

[eddiejaoude]

You have now pushed a PR we can discuss there, no need for extra notification and confusion here