fix: hydration issue on bookmarks list

[sshanzel]

Changes

• The issue is, a Plus user for some reason is having UI rendered wrongly for bookmarks list. One thing is for sure, I notice the margins on the header are not right, and that only happens locally when there is a hydration issue. We are trying to pinpoint the root cause by fixing anything that could be affecting the result. The problem is, no one is able to replicate the issue.
• Previously, we tried using useViewSizeClient and it worked perfectly. The only issue is that, it produced a layout shift on the Feed on mobile.
• Due to the urgency of the issue at hand, I've decided to go for this at the moment rather than jumping in the useFeedLayout rabbit hole (where we previously applied the useViewSizeClient).

Events

Did you introduce any new tracking events?

Experiment

Did you introduce any new experiments?

Manual Testing

Caution

Please make sure existing components are not breaking/affected by this PR

Preview domain

https://fix-bookmarks-list.preview.app.daily.dev

[vercel]

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

Name	Status	Preview	Updated (UTC)
daily-webapp	✅ Ready (Inspect)	Visit Preview	Jan 23, 2025 3:17pm

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
storybook	⬜️ Ignored (Inspect)		Jan 23, 2025 3:17pm

[sshanzel]

Although the root cause of the issue has been fixed now, I am still motivated to have this hydration issue merged. Feel free to let me know if you think it is worth to go through the useFeedLayout still and fix everything or we can settle for this in the meantime.