profile screen skeleton loader

[pvicensSpacedev]

Summary of Changes

• Skeleton loaders for profile screen (web)
• Also adding a key to Suspense makes it so it retriggers the actual boundary when navigating between same routes (form profile to profiel, ie. robin -> santa)

Demo or Before/After Pics

Screen.Recording.2024-04-24.at.17.31.55.mov

Edge Cases

List any common edge cases that you have considered and tested.

Testing Steps

Provide steps on how the reviewer can test the changes.

Checklist

Please make sure to review and check all of the following:

• I've tested the changes and all tests pass.
• (if web) I've tested the changes on various desktop screen sizes to ensure responsiveness.
• (if mobile) I've tested the changes on both light and dark modes.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
gallery	❌ Failed (Inspect)			Apr 26, 2024 0:03am

[github-actions]

Bundle Sizes

Compared against 19ff3a6

Route	Size (gzipped)	Diff
/[username]	349.55 KB	+1.07 KB
/[username]/[collectionId]	355.79 KB	+1.07 KB
/[username]/bookmarks	355.4 KB	+1.07 KB
/[username]/followers	354.21 KB	+1.07 KB
/[username]/galleries	373.97 KB	+1.05 KB
/[username]/galleries/[galleryId]	352.74 KB	+1.07 KB
/[username]/posts	444.73 KB	+1.07 KB
/post/[postId]	403.19 KB	+1.07 KB

Dynamic import	Size (gzipped)	Diff
../src/contexts/relay/network.ts -> persisted_queries.json	101.47 KB	-1.43 KB

[motzko]

hey @pvicensSpacedev! think this PR caused a regression in my gallery https://gallery.so/motzko

the very first collection in this gallery is "hidden", and it seems like maybe hidden collections are being rendered permantly as skeleton loaders?