Fix Hydraation Error

[Zaid-maker]

---

Generated summary (powered by Graphite)

TL;DR

This pull request introduces a skeleton loading state for the sidebar toggle and recommended sections. This provides a better user experience by indicating that content is loading.

What changed

Two new components, ToggleSkeleton and RecommendedSkeleton, were added to the sidebar. These components display a skeleton loading state when the client is not yet ready. The Wrapper component was also updated to include these new skeleton components.

How to test

To test these changes, you can simulate a slow network connection or delay the server response. You should see the skeleton loading state in the sidebar before the actual content is loaded.

Why make this change

This change improves the user experience by providing visual feedback when content is loading. This is particularly useful in situations where network latency is high or the server response is slow.

[semanticdiff-com]

Review changes with SemanticDiff.

Analyzed 2 of 2 files.

Overall, the semantic diff is 9% smaller than the GitHub diff.

	Filename	Status
✔️	app/(browse)/_components/sidebar/toggle.tsx	10.0% smaller
✔️	app/(browse)/_components/sidebar/wrapper.tsx	7.69% smaller

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gamehub	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 17, 2023 2:28pm

[Zaid-maker]

DONE FIXING!

[gitstream-cm]

🥷 Code experts: no user but you matched threshold 10

Zaid-maker has most 👩‍💻 activity in the files.
Zaid-maker has most 🧠 knowledge in the files.

See details

app/(browse)/_components/sidebar/toggle.tsx

Activity based on git-commit:

	Zaid-maker
DEC	53 additions & 13 deletions
NOV
OCT
SEP
AUG
JUL

Knowledge based on git-blame:
Zaid-maker: 100%

app/(browse)/_components/sidebar/wrapper.tsx

Activity based on git-commit:

	Zaid-maker
DEC	26 additions & 2 deletions
NOV
OCT
SEP
AUG
JUL

Knowledge based on git-blame:
Zaid-maker: 100%

To learn more about /:\ gitStream - Visit our Docs